diff --git a/.env b/.env
index e1aa8cf2..7dec4e6b 100644
--- a/.env
+++ b/.env
@@ -2,12 +2,15 @@
 VUE_APP_BASE=/manage
 # api项目基础url
 VUE_APP_BASE_API=/manageApi
+VUE_APP_BASE_API1=https://u-pre.boe.com/
 # systemApi
 VUE_APP_SYS_API=/systemapi
 # activityApi
 VUE_APP_ACT_API=/activityApi
 # 教师节上传图片文件夹id
 VUE_APP_PIC_FOLDERID=1147577187794841600
+# 讲师管理上传
+VUE_APP_COURSE_FOLDERID=1298970611096760320
 # 教师节上传zip文件夹id
 VUE_APP_TOOL_FOLDERID=1147577145918910464
 #文件路径
diff --git a/.env.boe b/.env.boe
index 413ee62d..00a199f5 100644
--- a/.env.boe
+++ b/.env.boe
@@ -2,8 +2,9 @@ NODE_ENV=boe
 VUE_APP_BASE=/manage
 VUE_APP_BASE_API=/manageApi
 VUE_APP_LOGIN_URL=//u-pre.boe.com/web?returnUrl=
+# VUE_APP_BOE_API_URL=//u-pre.boe.com
 
-VUE_APP_BOE_API_URL=//u-pre.boe.com
+VUE_APP_BOE_API_URL=//pretest.zcwytd.com
 
 # 导入学员模板
 VUE_APP_UP_LOAD_STUDENT_TEMPLATE=coursefile/导入学员模版-1677140876274.xlsx 
diff --git a/.env.prod b/.env.prod
index 7e8fe59a..f31a233a 100644
--- a/.env.prod
+++ b/.env.prod
@@ -3,6 +3,8 @@ VUE_APP_BASE=/manage
 VUE_APP_BASE_API=/manageApi
 # 教师节上传图片文件夹id
 VUE_APP_PIC_FOLDERID=1148997110156759040
+# 讲师管理上传
+VUE_APP_COURSE_FOLDERID=1298970611096760320
 # 教师节上传zip文件夹id
 VUE_APP_TOOL_FOLDERID=1148996610925531136
 
diff --git a/public/template/内部授课记录导入模板.xlsx b/public/template/内部授课记录导入模板.xlsx
new file mode 100644
index 00000000..2144d167
Binary files /dev/null and b/public/template/内部授课记录导入模板.xlsx differ
diff --git a/public/template/外部授课记录导入模板.xlsx b/public/template/外部授课记录导入模板.xlsx
new file mode 100644
index 00000000..756c6679
Binary files /dev/null and b/public/template/外部授课记录导入模板.xlsx differ
diff --git a/public/template/讲师费导入模板.xlsx b/public/template/讲师费导入模板.xlsx
new file mode 100644
index 00000000..731d8286
Binary files /dev/null and b/public/template/讲师费导入模板.xlsx differ
diff --git a/src/App.vue b/src/App.vue
index 1a6dcc13..05130012 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -8,7 +8,11 @@
         <bread-crumb/>
         <main>
           <a-config-provider :locale="zhCN">
-            <router-view/>
+            <router-view v-slot="{ Component }">
+              <keep-alive  :include="isInclude">
+                <component :is="Component"/>
+              </keep-alive>
+            </router-view>
           </a-config-provider>
         </main>
       </div>
@@ -19,7 +23,7 @@
   </div>
 </template>
 <script setup>
-import {ref, onMounted} from "vue";
+import {ref, onMounted,computed} from "vue";
 import {useStore, createStore} from "vuex";
 import NavLeft from "@/components/NavLeft";
 import NavTop from "@/components/NavTop";
@@ -33,7 +37,7 @@ import {USER_PERMISSION, VALIDATE_TOKEN} from "@/api/apis";
 
 const store = useStore();
 const isLogin = ref(false);
-
+const isInclude = computed(()=>store.state.isInclude)
 console.log("版本3.3.2------------");
 
 
diff --git a/src/api/Lecturer.js b/src/api/Lecturer.js
new file mode 100644
index 00000000..74398e73
--- /dev/null
+++ b/src/api/Lecturer.js
@@ -0,0 +1,93 @@
+import http from "./config";
+import https from "./confign";
+/*
+ * @Author: lixg lixg@dongwu-inc.com
+ * @Date: 2022-11-18 14:09:43
+ * @LastEditors: lixg lixg@dongwu-inc.com
+ * @LastEditTime: 2023-02-11 18:55:44
+ * @FilePath: /fe-manage/src/api/indexProjStu.js
+ * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ */
+// 获取讲师体系列表
+//VUE_APP_BASE_API  /manageApi
+export const getTeacherSystemList = (obj) => http.get( '/admin/system/list', {params: obj})
+//获取讲师级别
+export const getLevel = (obj) => http.get('/admin/system/getLevelList', {params: obj})
+// 获取讲师列表
+export const getTeacherList = (obj) => http.get('/admin/teacher/list' ,{params: obj})
+//讲师详情
+export const getTeacherById= (obj) => http.get('/admin/teacher/queryById',{params: obj})
+//删除讲师
+export const deleteInTeacher= (obj) => http.post(`/admin/teacher/delById?id=${obj}`)
+//新增讲师
+export const insertTeacher = (obj) => http.post('/admin/teacher/addTeacher' ,obj)
+//修改讲师
+export const updateInTeacher = (obj) => http.post('/admin/teacher/editTeacher' ,obj)
+//修改讲师状态
+export const updateTeacherState = (obj) => http.post('/admin/teacher/updateTeacherStatus' ,obj)
+
+
+
+//获取内部讲师发薪地
+export const getPayRollPlace = (obj) => http.post('/admin/teacher/getPayRollPlace', obj)
+
+//获取内部讲师授课记录
+export const getTeacherCourseList = (obj) => http.post('/admin/teacher/getTeacherCourseList' ,obj)
+//获取内部讲师晋升接口
+export const getTeacherLogList = (obj) => http.post('/admin/teacher/queryTeacherLevelRecord' ,obj)
+// 所有教师专长
+export const getTeacherExpertise = (obj) => http.post('/admin/teacher/getTeacherExpertise' ,obj)
+//根据父级教师专长(pid)查找子级教师专长
+export const getTeacherExpertiseByPid = (obj) => http.post(`/admin/teacher/deleteInTeacher?id=${obj}`)
+// 新增页面内部姓名
+export const infoteacher = (obj) => http.get('/admin/thirdApi/org/info' ,{params: obj})
+
+
+export const fileUp = (obj) => http.post('/file/upload', obj)
+//组织树查询讲师
+export const getTeacherByDepartId = (obj) => http.get(`/admin/thirdApi/user/list?departId=${obj.organizationId}&pageNo=1&pageSize=100&keyword=`)
+//根据姓名工号查询讲师
+export const getTeacherByNameOrUserNo = (obj) => https.post(`/user/noTeacherList`,obj)
+// export const getTeacherByNameOrUserNo = (obj) => https.post(`/user/teacherList?keyword=${obj.nameOrUserNo}&pageNo=1&pageSize=50&departId=`)
+//根据userid获取讲师体系信息
+export const getSystemInfoByUserId = (id) => http.get(`/admin/system/getSystemInfoByUserId?id=${id}`)
+//讲师搜索
+export const getUserList = (keyword) => http.get(`/admin/thirdApi/user/list?pageNo=${1}&pageSize=${30}&keyword=${keyword}`)
+//查询弹框选择的组织信息
+export const getSelectOrg = (id) => http.get(`/admin/affiliation/getSelectOrg?id=${id}`)
+//查询弹框不可选择组织（审核中的组织）
+export const getUnSelectOrg = () => http.get(`/admin/affiliation/getUnSelectOrg`)
+//获取培训发生组织编号
+export const getAffiliationCode = () => http.get('/admin/affiliation/getAffiliationCode')
+//查看或编辑回显培训发生组织
+export const getAffiliationById = (id) => http.get(`/admin/affiliation/queryById?id=${id}`)
+//审核记录
+export const getByBusinessIdList = (obj) => http.post(`/admin/approval/getByBusinessIdListPage?businessId=${obj.businessId}&businessType=${obj.businessType}&pageNo=${obj.pageNo}&pageSize=${obj.pageSize}`)
+//审批中心查看详情
+export const getApprovalResultByBusinessIdList = (obj) => http.post(`/admin/approval/getApprovalResultByBusinessIdList?businessId=${obj.businessId}&businessType=${obj.businessType}`)
+//审核记录查看操作
+export const getApprovalResultByApprovalIdList = (approvalId) => http.post(`/admin/approval/getApprovalResultByApprovalIdList?approvalId=${approvalId}`)
+//恢复培训发生组织的数据
+export const recovery = (id) => http.post(`/admin/affiliation/recovery?id=${id}`)
+//删除培训发生组织
+export const affiliationDelById = (id)=>http.post(`/admin/affiliation/delById?id=${id}`)
+//撤回培训发生组织
+export const affiliatIsConfirm = (id) => http.post(`/admin/affiliation/isConfirm?id=${id}`)
+//讲师费统计详情
+export const expenseSummaryById = (obj) => http.get( `/admin/expenseSummary/queryById?id=${obj.id}&name=${obj.name}&trainOrgId=${obj.trainOrgId||''}`)
+//查看月度讲师费详情
+export const queryDetailId = (obj) => http.get(`/admin/expenseSummary/queryDetailId?summaryId=${obj.summaryId}&name=${obj.name}&startTime=${obj.startTime}&endTime=${obj.endTime}`)
+//查询未汇总的数据（批量确认弹框）
+export const getListByStatus = (obj) => http.get(`/admin/teacherExpense/getListByStatus`)
+//根据发生组织查询汇总的数据（一键确认弹框使用）
+export const getListByAffiliation = (obj) => http.get(`/admin/teacherExpense/getListByAffiliation?ids=${obj.ids}&beginTime=${obj.beginTime}&endTime=${obj.endTime}&name=${obj.name}&`)
+//确认/一键确认
+export const teacherExpenseConfirm = (obj) => http.post(`/admin/expenseBill/createSummary`,obj)
+//确认审批
+export const submitApproval = (obj) => http.post('/admin/expenseBill/submitApproval',obj)
+//提交/撤回
+export const isConfirm = (obj) => http.post('/admin/expenseBill/isConfirm',obj)
+//培训发生组织根节点列表
+export const parentList = () => http.get('/admin/affiliation/parentList')
+//讲师级别获取
+export const getAllLevelList = () => http.get('/admin/system/getAllLevelList')
diff --git a/src/api/Teaching.js b/src/api/Teaching.js
new file mode 100644
index 00000000..cd56100e
--- /dev/null
+++ b/src/api/Teaching.js
@@ -0,0 +1,29 @@
+import http from "./config";
+import {getCookieForName} from "@/api/method";
+//列表查询授课记录
+export const getNewInTeacherCourseList = (obj) => http.get('/admin/teacherRecord/list', {params: obj})
+//新增授课记录
+export const insertInTeacherCourse = (obj) => http.post('/admin/teacherRecord/addTeacherRecord', obj)
+//删除讲师授课记录
+export const deleteInTeacherCourse= (obj) => http.post(`/admin/teacherRecord/delById?id=${obj}`)
+//修改讲师授课记录
+export const updateInTeacherCourse = (obj) => http.post('/admin/teacherRecord/editTeacherRecord', obj)
+//讲师授课记录详情
+export const getTeacherCourseList = (obj) => http.get('/admin/teacherRecord/queryById', {params: obj})
+//获取培训组织
+export const getOrganization = (obj) => http.get ('/admin/affiliation/list', {params: obj})
+
+
+//授课记录导出
+export const getexport = (obj) => http.post('/lesson_records/export', obj)
+//授课记录导入
+export const importTeacherCourseRecord = (obj) => http.post('/importTeacherCourseRecord', obj)
+//获取开课场地
+export const getAddress = (obj) => http.post('/admin/teacher/getAddress', obj)
+//讲师费发放情况
+export const getCharges = (obj) => http.post('/teacher/fee/getCharges', obj)
+//上传组件
+export const teacherUpload = (data) =>
+  http.post("/admin/teacher/teacherUpload", data, {
+    headers: { "Content-Type": "multipart/form-data",token:getCookieForName("token") },
+  });
diff --git a/src/api/apis.js b/src/api/apis.js
index 658a6a91..43ab0ad2 100644
--- a/src/api/apis.js
+++ b/src/api/apis.js
@@ -29,7 +29,7 @@ export const USER_LIST_PAGE = "/admin/thirdApi/user/list";
 export const USER_LIST = "/admin/thirdApi/user/list";
 export const ORG_LIST = "/admin/thirdApi/org/list";
 export const ORG_CHILD_LIST = "/admin/thirdApi/org/info";
-
+export const USER_LIST_NEW = '/admin/teacher/selectTeacher'
 export const AUDIENCE_LIST = "/admin/thirdApi/audience/userAudiences";
 export const USER_PERMISSION = "/admin/thirdApi/permission/listByUser";
 export const VALIDATE_TOKEN = "/admin/thirdApi/validateToken";
diff --git a/src/api/indexPeojiectManage.js b/src/api/indexPeojiectManage.js
new file mode 100644
index 00000000..0ff42ac4
--- /dev/null
+++ b/src/api/indexPeojiectManage.js
@@ -0,0 +1,50 @@
+/*
+ * @Author: lixg lixg@dongwu-inc.com
+ * @Date: 2022-11-18 14:09:43
+ * @LastEditors: lixg lixg@dongwu-inc.com
+ * @LastEditTime: 2023-02-11 18:55:44
+ * @FilePath: /fe-manage/src/api/indexProjStu.js
+ * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ */
+import http from "./config";
+
+//获取项目学员列表
+// export const getProjStu = (obj) => http.post('/admin/project/studentList', obj)
+
+// export const  getTeacherSystemList=(data)=> {
+//     return http({
+//       url: '/admin/teacher/getTeacherSystemList',
+//       method: 'post',
+//       data: data
+//     })
+//   }
+// 获取内部讲师体系列表
+//VUE_APP_BASE_API  /manageApi
+export const getTeacherSystemList = (obj) => http.post('/admin/teacher/getSystem', obj)
+// 获取内部讲师列表
+export const getTeacherList = (obj) => http.post('/admin/teacher/getInTeacherList', obj)
+//获取内部讲师发薪地
+export const getTeacherPayRollPriceList = (obj) => http.post('/admin/teacher/getPayRollPlace', obj)
+//获取内部讲师级别
+export const getLevel = (obj) => http.post('/admin/teacher/getLevel', obj)
+//新增讲师
+export const insertTeacher = () => http.post('/admin/teacher/insertInTeacher' ,obj)
+//修改 讲师
+export const updateInTeacher = () => http.post('/admin/teacher/updateInTeacher' ,obj)
+//内部讲师详情
+export const getTeacherById= (obj) => http.post('/admin/teacher/getTeacherById' ,obj)
+//删除内部讲师
+export const deleteTeacher = (obj) => http.post('/admin/teacher/deleteInTeacher' ,obj)//
+//修改讲师状态
+export const updateTeacherState = (obj) => http.post('/admin/teacher/update-status' ,obj)
+//获取内部讲师授课记录
+export const getTeacherCourseList = (obj) => http.post('/admin/teacher/getTeacherCourseList' ,obj)
+//导出内部讲师列表
+// http://pretest.zcwytd.com/manageApi/lesson_records/export
+export const exportteacher = (obj) => http.post('/admin/lesson_records/export' ,obj)
+// 所有教师专长
+export const getTeacherExpertise = (obj) => http.post('/admin/teacher/getTeacherExpertise' ,obj)
+//根据父级教师专长(pid)查找子级教师专长
+export const getTeacherExpertiseByPid = (obj) => http.post('/admin/teacher/getTeacherExpertiseByPid' ,obj)
+// 新增页面内部姓名
+export const infoteacher = (obj) => http.get('/admin/thirdApi/org/info' ,obj)
\ No newline at end of file
diff --git a/src/api/lecturerFeeManagement.js b/src/api/lecturerFeeManagement.js
new file mode 100644
index 00000000..08ae7b91
--- /dev/null
+++ b/src/api/lecturerFeeManagement.js
@@ -0,0 +1,57 @@
+import http from "./config";
+//内部授课页面 -- 讲师费详情
+export const getExpenseByCourseId = (obj) => http.get('/admin/teacherExpense/getExpenseByCourseId', {params: obj})
+// 获取讲师费列表
+export const getTeacherFeeList = (obj) => http.get('/admin/teacherExpense/list', {params: obj})
+//获取讲师费详情
+export const getTeacherFeeDetail= (obj) => http.get('/admin/teacherExpense/queryById',{params: obj})
+//查看详情讲师费审批
+export const getListByTeacherExpenseId= (teacherExpenseId) => http.post(`/admin/approval/getListByTeacherExpenseId?teacherExpenseId=${teacherExpenseId}`)
+//添加讲师费
+export const addTeacherFee= (obj) => http.post('/admin/teacherExpense/addTeacherExpense',obj)
+//删除讲师费
+export const deleteInTeacher= (obj) => http.post(`/admin/teacher/delByIdr?id=${obj}`)
+//修改讲师费信息
+export const updateTeacherFee= (obj) => http.post('/admin/teacherExpense/editTeacherExpense',obj)
+//修改讲师费状态提交
+export const updateStatusSubmit= (obj) => http.post('/admin/teacherExpense/confirm',obj)
+//修改讲师费状态撤回
+export const approveTeacherFee= (obj) => http.post('/admin/teacherExpense/withdraw',obj)
+//讲师费汇总审批列表
+export const expenseBillList= (obj) => http.get('/admin/expenseBill/list',{params: obj})
+//讲师费汇总审批详情
+export const queryById= (obj) => http.get('/admin/expenseBill/queryById',{params: obj})
+//移除讲师费
+export const withdrawRecord= (obj) => http.post('/admin/expenseBill/withdrawRecord',obj)
+//确认讲师费
+export const confirm= (obj) => http.post('/admin/teacherExpense/confirm',obj)
+//获取培训发生组织列表
+export const getTrainOrg= (obj) => http.get('/admin/affiliation/list',{params: obj})
+// 根据发生组织查询汇总的讲师费数据（一键确认弹框使用）
+export const getListByIds= (obj) => http.get('/admin/teacherExpense/getListByIds',{params: obj})
+//根据发生组织查询汇总的数据（一键确认弹框使用）
+export const getListByAffiliation= (obj) => http.get('/admin/teacherExpense/getListByAffiliation',{params: obj})
+
+
+//获取讲师级别
+export const getTeacherLevel= (obj) => http.post('/teacher/fee/getTeacherLevel',obj)
+//列表查看讲师费审批(用于讲师费管理查看讲师费详情里面)
+export const getTeacherFeeApprovalList= (obj) => http.post('/teacher/fee/getTeacherFeeApprovalList',obj)
+//列表查看讲师费统计
+export const queryTeacherFeeTotalList= (obj) => http.post('/teacher/fee/queryTeacherFeeTotalList',obj)
+//汇总上月讲师费
+export const getPreviousTeacherFee= (obj) => http.post('/teacher/fee/getPreviousTeacherFee',obj)
+//汇总上月讲师费月度数据
+export const CreateMonthSummary= (obj) => http.post('/admin/expenseSummary/createMonthSummary',obj)
+//讲师费统计列表
+export const expenseSummaryList= (obj) => http.get('/admin/expenseSummary/list',{params:obj})
+//提交/撤回
+export const isConfirm= (obj) => http.post('/admin/expenseBill/isConfirm',obj)
+//汇总讲师费审批数据
+export const CreateSummary= () => http.post('/admin/expenseBill/CreateSummary')
+//审批列表中编辑讲师费审批弹框-查询讲师费
+export const queryExpnseByBillId= (obj) => http.get('/admin/expenseBill/queryExpnseByBillId',{params:obj})
+//
+export const CreateSummaryAgain= (id) => http.post(`/admin/expenseBill/createSummaryAgain?billId=${id}`)
+//
+export const submitApproval= (obj) => http.post('/admin/expenseBill/submitApproval',obj)
\ No newline at end of file
diff --git a/src/api/lecturerFeeStatistics.js b/src/api/lecturerFeeStatistics.js
new file mode 100644
index 00000000..e942df57
--- /dev/null
+++ b/src/api/lecturerFeeStatistics.js
@@ -0,0 +1,19 @@
+import http from "./config";
+// 列表查看讲师费统计
+export const TeacherFeeTotalList = (params) => http.get('/admin/expenseSummary/list',{ params })
+//讲师费统计详情
+export const TeacherFeequeryById = (params) => http.get('/admin/expenseSummary/queryById',{ params })
+//查看月度讲师费详情
+export const TeacherFeequeryDetailId = (params) => http.get('/admin/expenseSummary/queryDetailId',{ params })
+//讲师费汇总上月数据
+export const createMonthSummary = (obj) => http.post('/admin/expenseSummary/CreateMonthSummary', obj)
+
+// export const queryTeacherFeeTotalList = (obj) => http.post ('/admin/expenseSummary/list',obj)
+// 列表查看讲师费月度统计详情
+export const queryTeacherFeeMonthly = (obj) => http.get('/admin/expenseSummary/queryDetailId', obj)
+////讲师费月度统计--明细
+export const getTeacherFeeDetailListByTeacherNo = (params) => http.get('teacher/fee/getTeacherFeeDetailListByTeacherNo',{ params })
+//讲师费明细
+export const getTeacherFeeListByTeacherNo = (obj) => http.get('teacher/fee/getTeacherFeeListByTeacherNo', { params })
+//讲师费汇总上月数据
+export const getPreviousTeacherfee = (obj) => http.post('teacher/fee/getPreviousTeacherFee', obj)
\ No newline at end of file
diff --git a/src/api/organization.js b/src/api/organization.js
new file mode 100644
index 00000000..a79babd6
--- /dev/null
+++ b/src/api/organization.js
@@ -0,0 +1,22 @@
+import http from "./config";
+// 列表查看归属组织
+export const queryTrainOrg = (obj) => http.get( '/admin/affiliation/list', {params: obj}) 
+export const queryTrainOrgPor = (obj) => http.get( '/admin/affiliation/getAapprovallist', {params: obj}) 
+//新增归属组织
+export const addReviewer = (obj) => http.post('/admin/affiliation/addAffiliation', obj)
+// 删除归属组织
+export const deleteTrainOrg = (obj) => http.post(`/admin/affiliation/delById?id=${obj}`) 
+//修改归属组织
+export const updateTrainOrg = (obj) => http.post('/admin/affiliation/editInfo', obj)
+
+
+//列表分页查看讲师体系
+export const systemList = (obj) => http.get('/configuration/list',{params: obj}) 
+// 根据体系id查看讲师体系对应的讲师等级详情
+export const querySystemLevelByKid = (obj) => http.post('/configuration/querySystemLevelByKid', obj) 
+//新增讲师体系
+export const addLecturerSystem = (obj) => http.post('/configuration/addLecturerSystem', obj)
+//删除讲师体系
+export const deleteLecturerSystem = (obj) => http.post('/configuration/deleteLecturerSystem', obj) 
+//修改讲师体系
+export const updateSystem = (obj) => http.post('/configuration/updateSystem', obj) 
diff --git a/src/api/request.js b/src/api/request.js
index 48acb184..f86752b1 100644
--- a/src/api/request.js
+++ b/src/api/request.js
@@ -360,17 +360,18 @@ export function usePage(_url, params, init = true,listing = false) {
     ...params
   });
 
-  watch(() => params.keyword, throttle(fetch, 600));
+  watch(() => params.name, throttle(fetch, 600));
   watch(() => params.page, fetch);
 
   function fetch() {
     state.loading = true;
-    if (!params.keyword) {
+    if (!params.name) {
       state.loading = false;
       return;
     }
     return request(_url, params).then(r => {
-      state.data = params.pageNo === 1 ? r.data.list : [...state.data, ...r.data.list];
+      console.log(r,'rrrrrrrrrrrrrrrr')
+      state.data = params.pageNo === 1 ? r.data : [...state.data, ...r.data];
       state.totalPage = r.data.total/10 || 1;
       state.total = r.data.total;
       state.loading = false;
@@ -497,7 +498,7 @@ export async function request(_url, params) {
   }).then(res => {
     return JSONBigIntStr.parse(res);
   }).then(res => {
-    if (res.code === 0 || res.code === 200) {
+    if (res.code === 0 || res.code === 200 || res.status === 200) {
       return res;
     }
     if (res.code === 1000 || res.code === 1002) {
diff --git a/src/assets/Avatarman.png b/src/assets/Avatarman.png
new file mode 100644
index 00000000..4f4f5c5e
Binary files /dev/null and b/src/assets/Avatarman.png differ
diff --git a/src/assets/Avatarwoman.png b/src/assets/Avatarwoman.png
new file mode 100644
index 00000000..20b57972
Binary files /dev/null and b/src/assets/Avatarwoman.png differ
diff --git a/src/assets/avatar.png b/src/assets/avatar.png
new file mode 100644
index 00000000..9bdc9d6f
Binary files /dev/null and b/src/assets/avatar.png differ
diff --git a/src/assets/boe.jpg b/src/assets/boe.jpg
new file mode 100644
index 00000000..292f9533
Binary files /dev/null and b/src/assets/boe.jpg differ
diff --git a/src/components/BreadCrumb.vue b/src/components/BreadCrumb.vue
index 6eb02a31..c1f87c43 100644
--- a/src/components/BreadCrumb.vue
+++ b/src/components/BreadCrumb.vue
@@ -108,6 +108,89 @@
                     },
                   ];
                 }
+                if (
+                        n.indexOf("/lecturerlist") !== -1 
+                ) {
+                  state.list = [
+                    {
+                      name: "讲师管理",
+                      href: "",
+                    },
+                    {
+                      name: "讲师列表",
+                      href: "",
+                    },
+                  ];
+                }
+                if (
+                        n.indexOf("/teachingrecord") !== -1 
+                ) {
+                  state.list = [
+                    {
+                      name: "讲师管理",
+                      href: "",
+                    },
+                    {
+                      name: "授课记录",
+                      href: "",
+                    },
+                  ];
+                }
+                if (
+                        n.indexOf("/lecturerfeemanagement") !== -1 
+                ) {
+                  state.list = [
+                    {
+                      name: "讲师管理",
+                      href: "",
+                    },
+                    {
+                      name: "讲师费管理",
+                      href: "",
+                    },
+                  ];
+                }
+                if (
+                        n.indexOf("/lecturerfeestatistics") !== -1 
+                ) {
+                  state.list = [
+                    {
+                      name: "讲师管理",
+                      href: "",
+                    },
+                    {
+                      name: "讲师费统计",
+                      href: "",
+                    },
+                  ];
+                }
+                if (
+                        n.indexOf("/organization") !== -1 
+                ) {
+                  state.list = [
+                    {
+                      name: "讲师管理",
+                      href: "",
+                    },
+                    {
+                      name: "培训发生组织",
+                      href: "",
+                    },
+                  ];
+                }if (
+                        n.indexOf("/lecturerSystem") !== -1 
+                ) {
+                  state.list = [
+                    {
+                      name: "讲师管理",
+                      href: "",
+                    },
+                    {
+                      name: "讲师体系管理",
+                      href: "",
+                    },
+                  ];
+                }
                 if (
                         n.indexOf("/projectadd") !== -1 ||
                         n.indexOf("/ProjectAdd") !== -1
diff --git a/src/components/Grateful/UploadDragger.vue b/src/components/Grateful/UploadDragger.vue
index d25c78ce..595dd954 100644
--- a/src/components/Grateful/UploadDragger.vue
+++ b/src/components/Grateful/UploadDragger.vue
@@ -56,6 +56,10 @@ const props = defineProps({
     accept: {
         type: String,
         default: ''
+    },
+    size: {
+        type: Number,
+        default: 0
     }
 })
 const emit = defineEmits(['update:value', 'change'])
@@ -67,6 +71,12 @@ const handleUploadChange = ({ file, fileList }) => {
         fileList.value = [];
         return message.error("请上传正确的文件格式");
     }
+    if(props.size && file.size > props.size){
+        removeUpload()
+        message.destroy();
+        message.error("文件大小超过5MB!");
+        return
+    }
     emit('update:value', fileList)
     emit('change', fileList)
 }
diff --git a/src/components/NavLeft.vue b/src/components/NavLeft.vue
index 7dd8f75c..4c8d43f8 100644
--- a/src/components/NavLeft.vue
+++ b/src/components/NavLeft.vue
@@ -415,6 +415,59 @@
             <router-link to="/teacheropinion">意见</router-link>
           </a-menu-item>
         </a-sub-menu>
+        <a-sub-menu key="sub24" @titleClick="titleClick" v-if="checkMenu('lecturer')">
+          <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" v-if="checkMenu('lecturer')">
+            <span
+                :class="{
+                circleActive: selectedKeys[0] === 'sub24-1' ? true : false,
+                circle: selectedKeys[0] === 'sub24-1' ? false : true,
+              }"
+            ></span>
+            <router-link to="/lecturerlist">讲师列表</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="/teachingrecord">授课记录</router-link>
+          </a-menu-item>
+          <a-menu-item key="sub24-3">
+            <span
+                :class="{
+                  circleActive: selectedKeys[0] === 'sub24-3' ? true : false,
+                circle: selectedKeys[0] === 'sub24-3' ? false : true,
+              }"
+            ></span>
+            <router-link to="/lecturerfeemanagement">讲师费管理</router-link>
+          </a-menu-item>
+          <a-menu-item key="sub24-4">
+            <span
+                :class="{
+                  circleActive: selectedKeys[0] === 'sub24-4' ? true : false,
+                circle: selectedKeys[0] === 'sub24-4' ? false : true,
+              }"
+            ></span>
+            <router-link to="/lecturerfeestatistics">讲师费统计</router-link>
+          </a-menu-item>
+          <a-menu-item key="sub24-5">
+            <span
+                :class="{
+                  circleActive: selectedKeys[0] === 'sub24-5' ? true : false,
+                circle: selectedKeys[0] === 'sub24-5' ? false : true,
+              }"
+            ></span>
+            <router-link to="/organization">培训发生组织</router-link>
+          </a-menu-item>
+        </a-sub-menu>
         <a-menu-item key="sub13" @titleClick="titleClick" v-if="checkMenu('articlemanage')">
           <div class="imgBox">
             <img
@@ -623,8 +676,6 @@
           </div>
           <router-link to="/dictmanage">字典管理</router-link>
         </a-menu-item>
-
-
       </a-menu>
     </div>
     <div
@@ -687,6 +738,9 @@
         <a-menu-item key="sub22" @titleClick="titleClick">
           <router-link to="/tooldown">教师专区</router-link>
         </a-menu-item>
+        <a-menu-item key="sub24" @titleClick="titleClick">
+          <router-link to="/lecturerlist">讲师管理</router-link>
+        </a-menu-item>
         <a-menu-item key="sub13" @titleClick="titleClick">
           <router-link to="/articlemanage">文章</router-link>
         </a-menu-item>
@@ -710,7 +764,6 @@
         <a-menu-item key="sub20" v-if="checkMenu('dictmanage')">
           <router-link to="/dictmanage">字典</router-link>
         </a-menu-item>
-
       </a-menu>
     </div>
   </div>
@@ -752,6 +805,12 @@ export default {
         "sub21",
         "sub22",
         "sub23",
+        "sub24",
+        "sub25",
+        "sub26",
+        "sub27",
+        "sub28",
+        "sub29",
       ],
       openKeys: localStorage.getItem("openKeys")
           ? JSON.parse(localStorage.getItem("openKeys"))
@@ -968,11 +1027,47 @@ export default {
           pagename: "问答管理",
         },
         {
-          href: "/evaluationupload",
+          href: "/insidelecturer",
           openKeys: "sub23",
           selectedKeys: "sub23-1",
           pagename: "测评上传",
         },
+        {
+          href: "/lecturerlist",
+          openKeys: "sub24",
+          selectedKeys: "sub24-1",
+          pagename: "讲师列表",
+        },
+        {
+          href: "/teachingrecord",
+          openKeys: "sub24",
+          selectedKeys: "sub24-2",
+          pagename: "授课记录",
+        },
+        {
+          href: "/lecturerfeemanagement",
+          openKeys: "sub24",
+          selectedKeys: "sub24-3",
+          pagename: "讲师费管理",
+        },
+        {
+          href: "/lecturerfeestatistics",
+          openKeys: "sub24",
+          selectedKeys: "sub24-4",
+          pagename: "讲师费统计",
+        },
+        {
+          href: "/organization",
+          openKeys: "sub24",
+          selectedKeys: "sub24-5",
+          pagename: "培训发生组织",
+        },
+        {
+          href: "/lecturerSystem",
+          openKeys: "sub29",
+          selectedKeys: "sub29",
+          pagename: "讲师体系管理",
+        },
         {
           href: "/download",
           openKeys: "sub15",
diff --git a/src/components/common/BaseTable.vue b/src/components/common/BaseTable.vue
index b4d82313..debbc6f4 100644
--- a/src/components/common/BaseTable.vue
+++ b/src/components/common/BaseTable.vue
@@ -13,7 +13,7 @@
   />
 </template>
 <script setup>
-  import {defineProps, defineExpose, ref, computed, onMounted, defineEmits, nextTick} from "vue";
+  import {defineProps, defineExpose, ref, computed, onMounted, defineEmits, nextTick,watch} from "vue";
   import {usePage, useRequest, useRowsPageNoInit} from "@/api/request";
   import {useResetRef} from "@/utils/useCommon";
 
@@ -65,7 +65,15 @@
     showSizeChanger:{
       type:Boolean,
       default:false
-    }
+    },
+    selectedRowKeys:{
+      type: Array,
+      default: () => []
+    },
+    selectedRows:{
+      type: Array,
+      default: () => []
+    },
   });
   const emit = defineEmits(["update:params", "update:selectedRowKeys", "update:selectedRows"]);
   const rowSelectKeys = ref([]);
@@ -74,7 +82,12 @@
   const postParam = computed(() => ({ ...params.value, ...props.params }));
 
   const { data, loading, total, fetch: onFetch } = props.request(props.url, postParam);
-
+  watch(()=>data.value,(val)=>{
+    if(val&&props.selectedRowKeys){
+      rowSelectKeys.value = props.selectedRowKeys
+      selectsData.value = props.selectedRows
+    }
+  })
   const rowSelection = computed(() => (props.type ? {
     type: props.type,
     columnWidth: 20,
@@ -108,6 +121,22 @@
 
   function onSelectChange(e, l) {
     rowSelectKeys.value = e;
+    const array = []
+    l.includes(undefined)&&(
+      selectsData.value = [...selectsData.value,...l],
+      selectsData.value = selectsData.value.filter(t => t),
+      selectsData.value = Array.from(new Set(selectsData.value.map(item => item.id)))
+        .map(id => selectsData.value.find(item => item.id === id)),
+      selectsData.value.map(item=>{
+        e.some(i=>{
+          if(item.id === i){
+            array.push(item)
+            return true
+          }
+        })
+      }),
+      l = array
+    )
     selectsData.value = l;
     emit("update:selectedRowKeys", e);
     emit("update:selectedRows", l);
@@ -160,6 +189,7 @@
 
   const fetch = () => nextTick(onFetch);
 
+
   defineExpose({ fetch, reset, resetSelected, clear, toLoading, remove , params });
 
 </script>
diff --git a/src/components/common/CommonAlert.vue b/src/components/common/CommonAlert.vue
index 34565582..97c8af4e 100644
--- a/src/components/common/CommonAlert.vue
+++ b/src/components/common/CommonAlert.vue
@@ -22,7 +22,7 @@
         <div class="body">
           <div><span>{{ content }}</span></div>
         </div>
-        <div class="del_btnbox">
+        <div class="del_btnbox" v-if="isCloseBtn">
           <div class="del_btn btn2" @click="close" v-if="cancel">
             <div class="btnText">取消</div>
           </div>
@@ -30,6 +30,11 @@
             <div class="btnText">确定</div>
           </div>
         </div>
+        <div class="del_btnbox" v-else>
+          <div class="del_btn btn2" @click="close">
+            <div class="btnText">关闭</div>
+          </div>
+        </div>
       </div>
     </div>
   </a-modal>
@@ -64,6 +69,10 @@ const props = defineProps({
   type: {
     type: Number,
     default: 1
+  },
+  isCloseBtn: {
+    type: Boolean,
+    default: true
   }
 });
 const types = {
diff --git a/src/components/lecturer/ImportWork.vue b/src/components/lecturer/ImportWork.vue
new file mode 100644
index 00000000..cf292b80
--- /dev/null
+++ b/src/components/lecturer/ImportWork.vue
@@ -0,0 +1,646 @@
+<template>
+  <div>
+    <a-modal
+      :visible="showWork"
+      :footer="null"
+      :closable="closableQR"
+      wrapClassName="codeModal"
+      style="margin-top: 400px"
+      :zIndex="9"
+      @cancel="qr_exit"
+    >
+    <div class="QR">
+        <div class="qr_header"></div>
+        <div class="qr_main">
+          <div class="qrm_header">
+            <span style="title">{{ title }}</span>
+            <div class="close_exit" @click="closeCodeModal"></div>
+          </div>
+          <div class="line"></div>
+          <div class="contents">
+            <div class="drawerMain">
+              <div class="main">
+                <div class="minatitl">
+                  <div class="up1">请下载</div>
+                  <div class="up2" @click="downTemplate" style="cursor: pointer">
+                    模板
+                  </div>
+                  <div class="up1">，按要求填写数据并导入</div>
+                </div>
+                <div class="upload">
+                  <div class="text">上传：</div>
+                  <div class="right">
+                    <div style="height: 176px; margin-bottom: 20px">
+                      <a-upload-dragger v-model:fileList="fileList" :action="importHomeWork" name="uploadFile" 
+                                        :headers="headers"
+                        @change="handleChange" :showUploadList="false">
+                        <p class="ant-upload-drag-icon">
+                          <inbox-outlined></inbox-outlined>
+                        </p>
+                        <p class="ant-upload-text">点击或将文件拖拽到此处上传</p>
+                        <p class="ant-upload-hint">支持扩展名：.xls/.xlsx</p>
+                      </a-upload-dragger>
+                    </div>
+                    <div class="loadstate">
+                      <div class="loadborder" v-if="uploadpercent < 100 && uploadpercent !== -1">
+                        <div class="content">
+                          <div class="img"></div>
+                          <div class="timebox">
+                            <div class="timetop">
+                              <div class="tit">{{ fileName }}</div>
+                              <div class="stateloading">正在上传</div>
+                            </div>
+                            <a-progress :percent="uploadpercent" />
+                          </div>
+                          <div class="curloading">
+                          </div>
+                        </div>
+                      </div>
+                      <div class="loadborder" v-if="uploadErr">
+                        <div class="content">
+                          <div class="img"></div>
+                          <div class="timebox">
+                            <div class="timetop">
+                              <div class="tit">{{ fileName }}</div>
+                              <div class="statedefeat">上传失败</div>
+                            </div>
+                            <a-progress :percent="uploadpercent" />
+                          </div>
+
+                          <div class="curloading">
+                            <div style="color: #387df7; margin-left: 20px; cursor: pointer">
+                              下载失败数据
+                            </div>
+                          </div>
+                          <div class="defeat" style="display: flex; align-items: center">
+                            <div style="color: #ff7474">
+                              {{ succNum }}条数据导入成功，{{ errNum }}条数据导入失败
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                      <div class="loadborder" v-if="uploadpercent === 100">
+                        <div class="content">
+                          <div class="img"></div>
+                          <div class="timebox">
+                            <div class="timetop">
+                              <div class="tit">{{ fileName }}</div>
+                              <div class="statesucce">上传成功</div>
+                            </div>
+                            <a-progress :percent="uploadpercent" />
+                          </div>
+                          <div class="curloading">
+                            <div class="cancel" style="margin-left: 20px; cursor: pointer" @click="removeUpload">
+                              删除
+                            </div>
+                          </div>
+                        </div>
+                        <div v-if="errNum">
+                          <div class="downloadErr" @click="downloadEeeorData">
+                            下载失败数据
+                          </div>
+                        </div>
+                      </div>
+                      <div v-if="uploadpercent === 100" class="defeat" style="
+                            display: flex;
+                            align-items: center;
+                            width: 500px;
+                            height: 40px;" :style="{
+                              background: errNum
+                                ? 'rgba(255, 116, 116, 0.1)'
+                                : 'rgba(53, 174, 105, 0.1)',
+                              border: errNum ? '1px solid #ff7474' : '1px solid #35AE69',
+                            }">
+                        <img style="width: 14px; height: 14px; margin-left: 16px" :src="
+                          errNum
+                            ? require('../../assets/images/err.png')
+                            : require('../../assets/images/success.png')
+                        " />
+                        <div style="margin-left: 8px" :style="{ color: errNum ? '#ff7474' : 'rgba(0,0,0,0.65)' }">
+                          {{ succNum }}条数据导入成功，{{ errNum }}条数据导入失败
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <div class="btnn">
+                <button class="btn1" @click="closeCodeModal">取消</button>
+                <button class="btn2" @click="closeCodeModal">确定</button>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </a-modal>
+  </div>
+</template>
+
+<script>
+import { reactive, toRefs, watch,ref,computed } from "vue";
+import { message } from "ant-design-vue";
+import { useStore } from "vuex";
+import * as api from "../../api/index1";
+import {getCookieForName} from "@/api/method";
+  export default {
+    name: "importWork",
+    components: {
+
+    },
+    props: {
+      showWork: {
+        type: Boolean,
+        default: false,
+      },
+      url: {
+        type: String,
+        default: null,
+      },
+      title:{
+        type: String,
+        default: null,
+      },
+      template:{
+        type: String,
+        default: null,
+      },
+    },
+    setup(props, ctx) {
+      const state = reactive({
+        fileType: ["xls", "xlsx"],
+        importHomeWork:
+          process.env.VUE_APP_BASE_API + props.url,
+        uploadpercent: -1,
+        uploadErr: false, //上传失败
+        addLoading: false,
+        fileList: [],
+        succNum: 0, //成功数据数
+        errNum: 0, //失败数据数
+        downloadErrUrl: null, //下载失败数据
+        fileName: "",
+      });
+      const headers = { token: getCookieForName("token") };
+
+      const closeCodeModal = () => {
+        ctx.emit("update:showWork", false);
+        state.fileList = [];
+        state.uploadpercent = -1;
+        state.uploadErr = false; //上传失败
+      };
+
+      //上传文件
+      const handleChange = (info) => {
+        if (info) {
+          var FileExt = info.file.name.replace(/.+\./, "");
+          if (["xls", "xlsx"].indexOf(FileExt.toLowerCase()) === -1) {
+            state.fileList = [];
+            state.uploadpercent = -1;
+            message.destroy();
+            message.error("请按模板格式上传文件");
+            return;
+          }
+        }
+        let isLt1M = info.file.size < 512000000;
+      console.log(info.file.size, isLt1M)
+      if (!isLt1M) {
+        state.fileList = [];
+            state.uploadpercent = -1;
+        message.destroy();
+        message.error("文件大小超出500M,请重新上传");
+        return;
+      }
+
+        state.addLoading = true;
+        state.uploadpercent = parseInt(info.file.percent);
+        console.log("我是文件上传的进度---------->", info.file.percent);
+        const status = info.file.status;
+        console.log(info.file,'status')
+        if (status !== "uploading") {
+          // console.log(info.file, info.fileList);
+        }
+        if (status === "done") {
+          state.fileName = info.file.name;
+          if(!info.file.response.data){
+            message.error(`${info.file.name}上传失败`);
+          }
+          let i = 0;
+          let timeouts = setTimeout(() => {
+            // clearInterval(timer)
+            state.addLoading = false;
+            message.destroy(); 
+            message.error(`文件导入超时`);
+          }, 30000);
+          // let timer = setInterval(() => {
+          //   let uid = info.file.response.data;
+          //   api
+          //     .getImportStatus(uid)
+          //     .then((res) => {
+          //       console.log("查询导入状态", res);
+          //       if (res.data.code === 200) {
+          //         if (res.data.data.status !== "START") {
+          //           i++;
+          //           if (i === 1) {
+          //             message.destroy();
+          //             message.success(`${info.file.name}上传成功`);
+          //             state.addLoading = false;
+          //             props.searchTaskList && props.searchTaskList();
+          //           }
+          //           state.succNum = res.data.data.successNum;
+          //           state.errNum = res.data.data.failedNum;
+          //           state.downloadErrUrl = res.data.data.url;
+          //           console.log("props.getStudent", props.getStudent);
+          //           clearInterval(timer);
+          //           clearTimeout(timeouts);
+          //         }
+          //       } else {
+          //         state.addLoading = false;
+          //         message.destroy();
+          //         clearTimeout(timeouts);
+          //       }
+          //     })
+          //     .catch((err) => {
+          //       state.addLoading = false;
+          //       clearInterval(timer);
+          //       clearTimeout(timeouts);
+          //       console.log("查询导入状态失败", err);
+          //     });
+          // }, 500);
+        } else if (status === "error") {
+          state.uploadErr = true;
+          message.error(`${info.file.name}上传失败`);
+        }
+      };
+      //删除
+      const removeUpload = () => {
+        state.fileList = [];
+        state.uploadpercent = -1;
+        state.uploadErr = false; //上传失败
+        state.succNum = 0;
+        state.errNum = 0;
+        state.downloadErrUrl = null;
+        state.addLoading = false;
+      };
+      // 下载失败数据
+      const downloadEeeorData = () => {
+        if (state.downloadErrUrl !== "") {
+          window.open(process.env.VUE_APP_FILE_PATH + state.downloadErrUrl);
+        }
+      };
+      function downTemplate() {
+        window.open(`${process.env.VUE_APP_BASE}/template/${props.template}.xlsx`);
+      }
+
+      return {
+        ...toRefs(state),
+        closeCodeModal,
+        handleChange,
+        downTemplate,
+        headers,
+        removeUpload,
+        downloadEeeorData,
+      };
+    },
+  }
+</script>
+
+<style lang="scss" scoped>
+.codeModal {
+  .ant-modal {
+    .ant-modal-content {
+      width: 479px !important;
+      .ant-modal-body {
+        .QR {
+          z-index: 11;
+          width: 700px;
+          background: #ffffff;
+          box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21);
+          position: absolute;
+          left: 50%;
+          top: 10%;
+          transform: translate(-50%, -50%);
+          .qr_header {
+            position: absolute;
+            width: calc(100%);
+            height: 40px;
+            // background: linear-gradient(
+            //   rgba(78, 166, 255, 0.2) 0%,
+            //   rgba(78, 166, 255, 0) 100%
+            // );
+          }
+          .qr_main {
+            width: 100%;
+            position: relative;
+            .qrm_header {
+              display: flex;
+              align-items: center;
+              padding-top: 20px;
+              padding-left: 26px;
+              font-size: 16px;
+              .title {
+                font-size: 16px;
+                font-weight: 600;
+                color: #333333;
+                line-height: 22px;
+              }
+              .close_exit {
+                position: absolute;
+                right: 42px;
+                cursor: pointer;
+                width: 20px;
+                height: 20px;
+                background-image: url(@/assets/images/coursewareManage/close.png);
+                background-size: 100% 100%;
+              }
+            }
+            .line{
+              height: 1px;
+              margin-top: 16px;
+              background-color: #f0f0f0;
+            }
+            .contents{
+              display: flex;
+              min-height: 500px;
+              .drawerMain {
+                min-width: 600px;
+                margin: 0px 32px 0px 32px;
+                overflow-x: auto;
+                display: flex;
+                flex-direction: column;
+
+                .header {
+                  height: 73px;
+                  border-bottom: 1px solid #e8e8e8;
+                  display: flex;
+                  justify-content: space-between;
+                  align-items: center;
+                  // background-color: red;
+                  margin-bottom: 20px;
+                  flex-shrink: 0;
+
+                  .headerTitle {
+                    font-size: 18px;
+                    font-weight: 600;
+                    color: #333333;
+                    line-height: 25px;
+                    // margin-left: 24px;
+                  }
+                }
+
+                .main {
+                  overflow-y: auto;
+
+                  .minatitl {
+                    display: flex;
+                    margin-top: 20px;
+                    .up1 {
+                      font-size: 16px;
+                      font-weight: 400;
+                      color: #333333;
+                    }
+
+                    .up2 {
+                      font-size: 16px;
+                      font-weight: 400;
+                      color: #4ea6ff;
+                      margin-left: 4px;
+                    }
+                  }
+
+                  .upload {
+                    margin-top: 32px;
+                    display: flex;
+
+                    .text {
+                      font-size: 14px;
+                      font-weight: 400;
+                      color: #333333;
+                    }
+
+                    .right {
+                      margin-left: 6px;
+
+                      .load {
+                        width: 500px;
+                        height: 176px;
+                        background: #f5f9fd;
+                        border-radius: 4px;
+                        // opacity: 0.3;
+                        border: 1px dashed #caddfd;
+                        display: flex;
+                        flex-direction: column;
+                        align-items: center;
+                        margin-bottom: 20px;
+
+                        .cloud {
+                          margin-top: 52px;
+                          width: 28px;
+                          height: 28px;
+                          background-image: url(../../assets/images/basicinfo/cloud.png);
+                        }
+
+                        .tip {
+                          font-size: 14px;
+                          font-weight: 400;
+                          color: #4ea6ff;
+                          margin-top: 15px;
+                          cursor: pointer;
+                        }
+
+                        .tipz {
+                          font-size: 14px;
+                          font-weight: 400;
+                          color: #999999;
+                          margin-top: 10px;
+                        }
+                      }
+
+                      .loadstate {
+                        width: 500px;
+                        margin-bottom: 100px;
+
+                        .loadborder {
+                          width: 500px;
+                          height: 173px;
+                          border-radius: 4px;
+                          border: 1px dashed #eaeaea;
+                          margin-bottom: 30px;
+                          display: flex;
+                          flex-direction: column;
+                          justify-content: center;
+                          position: relative;
+
+                          .content {
+                            display: flex;
+                            margin-left: 20px;
+                            position: relative;
+
+                            .defeat {
+                              width: 400px;
+                              position: absolute;
+                              left: 46px;
+                              top: 38px;
+                              font-size: 14px;
+                              font-weight: 500;
+                              justify-content: space-between;
+                            }
+
+                            .img {
+                              width: 30px;
+                              height: 34px;
+                              background-image: url(../../assets/images/basicinfo/exl.png);
+                            }
+
+                            .timebox {
+                              margin-left: 15px;
+                              margin-top: -5px;
+
+                              .timetop {
+                                display: flex;
+                                width: 262px;
+                                justify-content: space-between;
+
+                                // margin-bottom: 8px;
+                                .tit {
+                                  font-size: 14px;
+                                  font-weight: 400;
+                                  color: #333333;
+                                }
+
+                                .stateloading {
+                                  font-size: 14px;
+                                  font-weight: 400;
+                                  color: #4ea6ff;
+                                }
+
+                                .statedefeat {
+                                  font-size: 14px;
+                                  font-weight: 400;
+                                  color: #ff7474;
+                                }
+
+                                .statesucce {
+                                  font-size: 14px;
+                                  font-weight: 400;
+                                  color: #35ae69;
+                                }
+                              }
+
+                              .prog {
+                                width: 262px;
+                                height: 5px;
+                                background: #eaf1fe;
+                                border-radius: 4px;
+
+                                .inprogloading {
+                                  width: 55%;
+                                  height: 5px;
+                                  border-radius: 4px;
+
+                                  background: #4ea6ff;
+                                }
+
+                                //下载失败条
+                                .inprogdefeat {
+                                  width: 55%;
+                                  height: 5px;
+                                  border-radius: 4px;
+
+                                  background: #ff7474;
+                                }
+
+                                //下载成功条
+                                .inprogsucce {
+                                  width: 100%;
+                                  height: 5px;
+                                  border-radius: 4px;
+
+                                  background: #57c887;
+                                }
+                              }
+                            }
+
+                            .curloading {
+                              margin-left: 15px;
+                              margin-top: 15px;
+                              display: flex;
+
+                              .cur {
+                                font-size: 14px;
+                                font-weight: 400;
+                                color: #333333;
+                              }
+
+                              .cancel {
+                                font-size: 14px;
+                                font-weight: 400;
+                                color: #387df7;
+                              }
+                            }
+                          }
+
+                          .downloadErr {
+                            width: 120px;
+                            height: 32px;
+                            display: flex;
+                            align-items: center;
+                            justify-content: center;
+                            border-radius: 2px;
+                            border: 1px solid #387df7;
+                            font-size: 14px;
+                            font-weight: 400;
+                            color: #387df7;
+                            line-height: 20px;
+                            cursor: pointer;
+                            margin-left: 66px;
+                            margin-top: 16px;
+                            position: absolute;
+                            bottom: 28;
+                          }
+                        }
+                      }
+                    }
+                  }
+                }
+
+                .btnn {
+                  height: 72px;
+                  width: 100%;
+                  position: absolute;
+                  background-color: #fff;
+                  bottom: 0;
+                  left: 0;
+                  display: flex;
+                  align-items: center;
+                  justify-content: center;
+                  box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.16);
+
+                  .btn1 {
+                    width: 100px;
+                    height: 40px;
+                    border: 1px solid #4ea6ff;
+                    border-radius: 8px;
+                    color: #4ea6ff;
+                    background-color: #fff;
+                    cursor: pointer;
+                  }
+
+                  .btn2 {
+                    cursor: pointer;
+                    width: 100px;
+                    height: 40px;
+                    background: #4ea6ff;
+                    border-radius: 8px;
+                    border: 0;
+                    margin-left: 15px;
+                    color: #fff;
+                  }
+                }
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/components/project/AddApprover.vue b/src/components/project/AddApprover.vue
new file mode 100644
index 00000000..6eeac476
--- /dev/null
+++ b/src/components/project/AddApprover.vue
@@ -0,0 +1,523 @@
+<template>
+  <div class="CommonStudent">
+    <a-drawer destroyOnClose :visible="visiable" class="drawerStyle ProjCheckship CommonStudent" placement="right" width="40%">
+      <div class="drawerMain" id="ProjCheckship" style="">
+        <div class="header">
+          <div class="headerTitle">
+            选择{{title}}
+          </div>
+          <img style="width: 29px; height: 29px; cursor: pointer" src="../../assets/images/basicinfo/close.png"
+               @click="closeDrawer"/>
+        </div>
+        <div style="display: flex; overflow-x: auto; overflow-y: auto">
+          <div class="tabs" style="min-width: 800px">
+            <a-tabs v-model:activeKey="activeKey">
+              <a-tab-pane :key="1" tab="快速选人">
+                <div :style="{ height: screenHeight - 235 + 'px' }">
+                  <div class="tab1">
+                    <a-form-item label="姓名">
+                      <a-input v-model:value="nameSearch.keyword" style="width: 270px; height: 40px; border-radius: 8px"
+                               placeholder="请输入姓名"/>
+                      <a-button type="primary" @click="onSearchStu" style="margin-left: 20px; border-radius: 4px">
+                        <template #icon>
+                          <SearchOutlined/>
+                        </template>
+                        搜索
+                      </a-button>
+                      <a-button type="primary" @click="resetStu" style="margin-left: 20px; border-radius: 4px">重置
+                      </a-button>
+                    </a-form-item>
+                  </div>
+                  <div class="chooseLeft" style="display: grid; grid-template-columns: 250px auto">
+                    <div :style="{
+                      height: screenHeight - 180 + 'px',
+                      overflowY: 'auto',
+                    }" style="border: 1px solid #f0f0f0">
+                      <div class="tree" style="margin: 10px 4px 220px 10px">
+                        <a-tree allow-clear tree-default-expand-all :tree-data="treeData" :loading="orgLoading"
+                                :load-data="onLoadData" v-model:selectedKeys="stuTreeSelectKeys"
+                                v-model:expandedKeys="stuTreeExpandedKeys" :fieldNames="{
+                            children: 'treeChildList',
+                            key: 'id',
+                            title: 'name',
+                            value: 'name',
+                          }" @select="stuStuOrgSelect">
+                        </a-tree>
+                      </div>
+                    </div>
+                    <div class="tableBox tabb" style="
+                                    margin: 0px 4px 120px 10px;
+                                    border: 1px solid #f0f0f0;
+                                  ">
+                      <BaseTable ref="stuTableRef" :columns="stuColumns" :url="USER_LIST_PAGE" pageKey="pageNo"
+                                 v-model:params="nameSearch" :request="useNewRowsPageNoInit"
+                                 v-model:selectedRows="stuSelectRows" v-model:selectedRowKeys="stuSelectRowKeys" type="checkbox"></BaseTable>
+                    </div>
+                  </div>
+                </div>
+              </a-tab-pane>
+            </a-tabs>
+          </div>
+          <div class="right1" style="min-width: 200px">
+            <div class="onerow">
+              <div class="onleft">
+                <div class="already">已选</div>
+              </div>
+            </div>
+            <div :style="{ 'max-height': screenHeight - 235 + 'px' }" style="overflow-y: auto">
+              <div class="selecteds">
+                <div class="person">快速选人</div>
+                <div v-for="(item, i) in stuSelectRows" :key="i">
+                  <div v-if="i < 11">
+                    <div class="chose">
+                      {{ item.realName }}
+                      <div class="ch" @click="stuTableRef.remove(i)"></div>
+                    </div>
+                  </div>
+                  <div v-else>
+                    <div v-if="person">
+                      <div class="chose">
+                        {{ item.realName }}
+                        <div class="ch" @click="stuTableRef.remove(i)"></div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div v-if="!person && stuSelectRows.length > 10" class="ifsw">
+                  <div @click="person = !person" class="“sw”">查看更多></div>
+                </div>
+                <div v-if="person && stuSelectRows.length > 10" class="ifsw">
+                  <div @click="person = !person" class="sw">收起&lt;</div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div style="display: flex;justify-content: center;" class="btnn" >
+          <button class="btn2" style="width: 100px; height:38px;background:
+           #4ea6ff;border: none;margin-right: 15px; border-radius: 8px;color:aliceblue" @click="closeDrawer">取消</button>
+          <button class="btn2" style="width: 100px;
+           height:38px;background: #4ea6ff;border: none; border-radius: 8px ;color:aliceblue" @click="submitAuth">确定</button>
+        </div>
+      </div>
+    </a-drawer>
+    <a-button @click="openDrawer" type="link" style="width:100%">
+      <slot></slot>
+    </a-button>
+  </div>
+</template>
+<script setup>
+import {message} from "ant-design-vue";
+import {computed, defineEmits, defineProps, ref, watch,onMounted} from "vue";
+import {useNewRowsPageNoInit, request, useRequest, useTotalPage} from "@/api/request";
+import {
+  saveStu,
+} from "@/api/index1";
+import dialog from "@/utils/dialog";
+import BaseTable from "@/components/common/BaseTable";
+import {AUDIENCE_LIST, ORG_CHILD_LIST, ORG_LIST, STUDENT_LIST, USER_LIST_PAGE} from "@/api/apis";
+import {addTutor,getOnlineLearningList}from '@/api/examineApi.js'
+import {boeRequest} from "@/api/request";
+const emit = defineEmits({});
+const props = defineProps({
+  arrayList: {
+    type: Array,
+    default: () => []
+  },
+  type: {
+    type: Number,
+    default: 0
+  },
+  title: {
+    type: String,
+    default: ''
+  }
+});
+onMounted(()=>{
+  // onlineLearningList()
+})
+const courseList = ref([])
+const onlineLearningList = () =>{
+  boeRequest('/activityApi/examine/getOnlineLearningList post').then(res=>{
+    courseList.value = res.data.filter(item=>item.status == 0).map(item => item.courseId)
+  })
+}
+const stuSelectRows = ref([]);
+
+const stuSelectRowKeys = ref([]);
+const stuTableRef = ref();
+const teaunm = ref([])
+watch(stuSelectRows,(val)=>{
+  if(val.length == 0){
+    teaunm.value = []
+    return
+  }
+  teaunm.value = val.map((res,index)=>{
+    return {
+      userName:res?.realName,
+      userNo:res?.userNo,
+      type: props.type,
+      userId: res?.id,
+      label: res?.realName + res?.userNo,
+      ...res
+    }
+  })
+},{deep:true})
+const person = ref(false);
+const visiable = ref(false);
+const activeKey = ref(1);
+
+const nameSearch = ref({
+  keyword: "",
+  departId: '',
+});
+const stuTreeSelectKeys = ref([]);
+const stuTreeExpandedKeys = ref([]);
+const audienceName = ref({
+  keyword: "",
+});
+
+const { data: treeData, loading: orgLoading } = useRequest(
+  ORG_LIST,
+  { keyword: "" },
+);
+
+const stuColumns = ref([
+  {
+    title: "姓名",
+    dataIndex: "realName",
+    key: "realName",
+    width: 80,
+    align: "center",
+    className: "h",
+    ellipsis: true,
+  },
+  {
+    title: "工号",
+    dataIndex: "userNo",
+    key: "userNo",
+    width: 80,
+    align: "center",
+    className: "h",
+    ellipsis: true,
+  },
+  {
+    title: "归属组织",
+    dataIndex: "orgName",
+    key: "orgName",
+    width: 80,
+    align: "center",
+    className: "h",
+    ellipsis: true,
+  },
+  {
+    title: "部门",
+    dataIndex: "departName",
+    key: "departName",
+    width: 80,
+    align: "center",
+    className: "h",
+    ellipsis: true,
+  },
+]);
+const screenHeight = ref(document.body.clientHeight);
+
+const closeDrawer = () => {
+  deleteDepSelect();
+  visiable.value = false;
+  nameSearch.value.keyword = "";
+};
+
+
+function onLoadData(treeNode) {
+  return request(ORG_CHILD_LIST, { keyword: "", orgId: treeNode.id }).then(
+    (r) => {
+      treeNode.dataRef.treeChildList = r.data;
+      treeData.value = [...treeData.value];
+    }
+  );
+}
+
+const openDrawer = () => {
+  visiable.value = true;
+  stuSelectRows.value = props.arrayList
+  stuSelectRowKeys.value = props.arrayList.map(item=>item.userId)
+};
+
+function onSearchStu() {
+  stuTableRef.value.reset(nameSearch.value);
+}
+
+function stuStuOrgSelect(e) {
+  nameSearch.value.departId = e.join("");
+  stuTableRef.value.fetch();
+}
+
+const resetStu = () => {
+  nameSearch.value.keyword = "";
+  stuTableRef.value.reset({ keyword: "", departId: '' });
+};
+//清空选择部门信息
+const deleteDepSelect = () => {
+  stuSelectRows.value = [];
+};
+
+//确定添加授权
+const submitAuth = () => {
+  emit('update:arrayList',teaunm.value)
+  emit('valueChange',teaunm.value,props.type)
+  visiable.value = false;
+  emit("finash", false);
+};
+
+import { useRoute, useRouter } from 'vue-router'
+
+const route = useRoute()
+
+
+watch(visiable, () => {
+  audienceName.value.keyword = "";
+  nameSearch.value.departId = '';
+  stuTreeExpandedKeys.value = [];
+  stuTreeSelectKeys.value = [];
+  nameSearch.value.keyword = "";
+  audienceName.value.keyword = "";
+
+  if (!visiable.value) {
+    stuTableRef.value && stuTableRef.value.clear();
+    stuTableRef.value && stuTableRef.value.reset({ keyword: "", departId: '' });
+  }
+});
+</script>
+<style lang="scss">
+.CommonStudent > .ant-drawer-content-wrapper {
+  min-width: 1200px !important;
+  width: 1200px !important;
+}
+
+.CommonStudent {
+  .ant-btn-primary {
+    background-color: #4ea6ff !important;
+  }
+
+  .cus-select {
+    height: 40px;
+    border-radius: 8px;
+  }
+
+  .tableBox .ant-table-row .ant-table-cell {
+    height: 48px;
+    font-size: 14px;
+    font-weight: 400;
+    color: #4f5156;
+    line-height: 29px;
+    padding: 0px;
+  }
+
+  .tableBox .ant-table-thead tr th {
+    font-size: 14px;
+  }
+
+  .ant-tabs-tabpane {
+    height: 100%;
+  }
+
+  .ant-tabs {
+    overflow: visible;
+  }
+
+  .right1 {
+    border-left: 1px solid #f2f6fe;
+    margin-left: 20px;
+
+    .onerow {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      margin-right: 40px;
+      flex-wrap: wrap;
+
+      width: 100%;
+
+      .onleft {
+        display: flex;
+        text-align: center;
+
+        .already {
+          color: rgba(51, 51, 51, 1);
+          font-size: 16px;
+          font-weight: 500;
+          margin-left: 32px;
+          white-space: nowrap;
+          // margin-bottom: 20px;
+        }
+
+        .count {
+          color: #4ea6ff;
+          font-size: 16px;
+          margin: 0 6px;
+        }
+
+        .peo {
+          color: rgba(51, 51, 51, 1);
+          font-size: 16px;
+          font-weight: 500;
+        }
+      }
+
+      .clbox {
+        margin-right: 50px;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        cursor: pointer;
+        width: 104px;
+        height: 32px;
+        border-radius: 4px;
+        background: #4ea6ff;
+
+        .colose {
+          width: 16px;
+          height: 16px;
+          // border-radius: 8px;
+          // background: #ffffff;
+          // position: relative;
+          background-image: url(../../assets/images/basicinfo/ch.png);
+          background-size: 100%;
+          margin-right: 4px;
+        }
+
+        .allclear {
+          color: rgba(255, 255, 255, 1);
+          font-size: 14px;
+        }
+      }
+    }
+
+    .selecteds {
+      display: flex;
+      flex-wrap: wrap;
+      margin-left: 32px;
+
+      .person {
+        width: 100%;
+        margin-top: 20px;
+        border-top: 1px solid #f2f6fe;
+      }
+
+      .chose {
+        width: 64px;
+        height: 24px;
+        margin-top: 25px;
+        margin-right: 25px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        border-radius: 2px;
+        border: 1px solid rgba(56, 139, 225, 1);
+        color: rgba(56, 139, 225, 1);
+        font-size: 12px;
+        position: relative;
+
+        .ch {
+          position: absolute;
+          width: 18px;
+          height: 18px;
+          background-image: url(../../assets/images/basicinfo/ch.png);
+          right: -8px;
+          top: -8px;
+        }
+      }
+
+      .ifsw {
+        display: flex;
+        align-items: end;
+        justify-content: center;
+        color: #4ea6ff;
+      }
+
+      .sw {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        text-align: justify;
+        color: #4ea6ff;
+        margin-top: 23px;
+        margin-left: 10px;
+      }
+
+      .dept {
+        width: 100%;
+        margin-top: 30px;
+        border-top: 1px solid #f2f6fe;
+      }
+
+      .chose1 {
+        //width: 90px;
+        height: 24px;
+        margin-top: 25px;
+        margin-right: 25px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        border-radius: 2px;
+        border: 1px solid rgba(56, 139, 225, 1);
+        color: rgba(56, 139, 225, 1);
+        font-size: 12px;
+        position: relative;
+
+        .span {
+          white-space: nowrap;
+          overflow: hidden;
+          text-overflow: ellipsis;
+        }
+
+        .ch1 {
+          position: absolute;
+          width: 18px;
+          height: 18px;
+          background-image: url(../../assets/images/basicinfo/ch.png);
+          right: -8px;
+          top: -8px;
+        }
+      }
+
+      .group {
+        width: 100%;
+        margin-top: 30px;
+        border-top: 1px solid #f2f6fe;
+      }
+
+      .chose2 {
+        //width: 120px;
+        height: 24px;
+        margin-top: 25px;
+        margin-right: 25px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        border-radius: 2px;
+        border: 1px solid rgba(56, 139, 225, 1);
+        color: rgba(56, 139, 225, 1);
+        font-size: 12px;
+        position: relative;
+
+        .span {
+          white-space: nowrap;
+          overflow: hidden;
+          text-overflow: ellipsis;
+        }
+
+        .ch2 {
+          position: absolute;
+          width: 18px;
+          height: 18px;
+          background-image: url(../../assets/images/basicinfo/ch.png);
+          right: -8px;
+          top: -8px;
+        }
+      }
+    }
+  }
+}
+</style>
diff --git a/src/components/project/AddContent.vue b/src/components/project/AddContent.vue
new file mode 100644
index 00000000..a8e3ccfc
--- /dev/null
+++ b/src/components/project/AddContent.vue
@@ -0,0 +1,265 @@
+<template>
+  <div class="twoDimensionalCode">
+    <!--选择教师专长页面 -->
+    <a-modal
+      :visible="showContent"
+      :footer="null"
+      :closable="closableQR"
+      wrapClassName="codeModal"
+      style="margin-top: 400px"
+      :zIndex="9999"
+      @cancel="qr_exit"
+    >
+      <div class="QR">
+        <div class="qr_header"></div>
+        <div class="qr_main">
+          <div class="qrm_header">
+            <span style="title">{{Addtitle}}</span>
+            <div class="close_exit" @click="closeCodeModal"></div>
+          </div>
+          <div class="line"></div>
+          <div class="content">
+            <div class="left">
+              <a-tree
+                checkable
+                :tree-data="treeData"
+                v-model:expandedKeys="expandedKeys"
+                v-model:selectedKeys="selectedKeys"
+                v-model:checkedKeys="checkedKeys"
+                @check="onCheck"
+                :fieldNames="{
+                  key: 'id',
+                  title: 'name',
+                  value: 'name',
+                }"
+              >
+                <!-- <template #title0010><span style="color: #1890ff">sss</span></template> -->
+              </a-tree>
+            </div>
+            <div class="right">
+              <div class="headers">
+                <div>已选择标签<span style="color: #4ea6ff;margin-left:5px;">{{treeAddData?.length}}</span>个</div>
+                <div class="header_right" @click="clearTree">清空</div>
+              </div>
+              <div class="tags">
+                <div
+                  class="tag"
+                  v-for="(item, index) in treeAddData"
+                  :key="index"
+                >
+                  <div>{{ item?.name }}</div>
+                  <div @click="deleteTree(item)" class="tag_delete">+</div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div class="footer">
+          <a-button style="margin-right: 20px;" @click="closeCodeModal">取消</a-button>
+          <a-button type="primary" @click="queryCreate">确定</a-button>
+        </div>
+      </div>
+    </a-modal>
+    <!--二维码页面 -->
+  </div>
+</template>
+<script>
+import { reactive, toRefs, watch,ref,computed } from "vue";
+import { message } from "ant-design-vue";
+import { useStore } from "vuex";
+export default {
+  name: "AddContent",
+  components: {
+
+  },
+  props: {
+    showContent: {
+      type: Boolean,
+      default: false,
+    },
+    Addtitle:{
+      type:String,
+      default: true,
+    },
+    AddContentList:{
+      type:Array,
+      default: ()=>[],
+    }
+  },
+  setup(props, ctx) {
+    const state = reactive({
+      qrcodeSize: 800,
+      codeInfo: {},
+      courseUrl: "https://www.baidu.com/",
+      showUrl: false,
+      domain: location.protocol+'//'+location.host,
+      treeAddData:[],
+    });
+    const store = useStore();
+    const treeData = computed(() => store.state.content_type)
+    watch(()=>props.showContent, (val) => {
+      if(!val){
+        expandedKeys.value = []
+        selectedKeys.value = []
+        checkedKeys.value = []
+      }else{
+        state.treeAddData = props?.AddContentList
+        checkedKeys.value = props?.AddContentList?.map(item=>item.id)
+      }
+    });
+    const onCheck = (checkedKeys, {checked: bool, checkedNodes, node, event}) => {
+      state.treeAddData = checkedNodes.filter(node => !node.children || node.children.length === 0);
+      console.log(state.treeAddData,'state.treeAddData')
+    }
+    const deleteTree = (item) => {
+      state.treeAddData = state.treeAddData.filter(node => node.id !== item.id);
+      checkedKeys.value = state.treeAddData.map(item=>item.id)
+    }
+    const clearTree = () => {
+      state.treeAddData = [];
+      checkedKeys.value = [];
+    }
+    const queryCreate = () => {
+      ctx.emit("update:AddContentList", state.treeAddData);
+      closeCodeModal()
+    }
+    const closeCodeModal = () => {
+      ctx.emit("update:showContent", false);
+    };
+    const expandedKeys = ref([]);
+    const selectedKeys = ref([]);
+    const checkedKeys = ref([]);
+    return {
+      ...toRefs(state),
+      closeCodeModal,
+      queryCreate,
+      deleteTree,
+      clearTree,
+      onCheck,
+      expandedKeys,
+      selectedKeys,
+      checkedKeys,
+      treeData,
+    };
+  },
+};
+</script>
+<style scoped lang="scss">
+.twoDimensionalCode {
+}
+.codeModal {
+  .ant-modal {
+    .ant-modal-content {
+      width: 479px !important;
+      .ant-modal-body {
+        .QR {
+          z-index: 9999;
+          width: 700px;
+          background: #ffffff;
+          box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21);
+          position: absolute;
+          left: 50%;
+          top: 10%;
+          transform: translate(-50%, -50%);
+          .qr_header {
+            position: absolute;
+            width: calc(100%);
+            height: 40px;
+            // background: linear-gradient(
+            //   rgba(78, 166, 255, 0.2) 0%,
+            //   rgba(78, 166, 255, 0) 100%
+            // );
+          }
+          .qr_main {
+            width: 100%;
+            position: relative;
+            .qrm_header {
+              display: flex;
+              align-items: center;
+              padding-top: 20px;
+              padding-left: 26px;
+              font-size: 16px;
+              .title {
+                font-size: 16px;
+                font-weight: 600;
+                color: #333333;
+                line-height: 22px;
+              }
+              .close_exit {
+                position: absolute;
+                right: 42px;
+                cursor: pointer;
+                width: 20px;
+                height: 20px;
+                background-image: url(@/assets/images/coursewareManage/close.png);
+                background-size: 100% 100%;
+              }
+            }
+            .line{
+              height: 1px;
+              margin-top: 16px;
+              background-color: #e8e8e8;
+            }
+            .content{
+              display: flex;
+              min-height: 500px;
+              .left{
+                width: 50%;
+                border-right: 1px solid #e8e8e8;
+                padding: 30px 15px;
+                max-height: 600px;
+                overflow-y: auto;
+              }
+              .right{
+                width: 50%;
+                // max-height: 600px;
+                // overflow-y: auto;
+                .headers{
+                  display: flex;
+                  justify-content: space-between;
+                  margin: 30px 15px;
+                  .header_right{
+                    color: #666666;
+                    cursor: pointer;
+                  }
+                }
+                .tags{
+                  max-height: 500px;
+                  overflow-y: auto;
+                  padding: 0 15px;
+                  .tag{
+                    height: 44px;
+                    padding: 0 15px;
+                    display: flex;
+                    justify-content: space-between;
+                    align-items: center;
+                    .tag_delete{
+                      display: none;
+                      color: #4ea6ff;
+                      transform: rotate(45deg);
+                      font-size: 26px;
+                      cursor: pointer;
+                    }
+                  }
+                  .tag:hover .tag_delete {
+                    display: block;
+                  }
+                  .tag:hover {
+                    background-color: aliceblue;
+                  }
+                }
+              }
+            }
+          }
+          .footer{
+            height: 60px;
+            text-align: right;
+            padding: 13px 30px;
+            border-top: 1px solid #e8e8e8;
+          }
+        }
+      }
+    }
+  }
+}
+</style>
diff --git a/src/components/project/AddOrgContent.vue b/src/components/project/AddOrgContent.vue
new file mode 100644
index 00000000..911ca8e7
--- /dev/null
+++ b/src/components/project/AddOrgContent.vue
@@ -0,0 +1,327 @@
+<template>
+  <div class="twoDimensionalCode">
+    <!--选择教师专长页面 -->
+    <a-modal
+      :visible="showContent"
+      :footer="null"
+      :closable="closableQR"
+      wrapClassName="codeModal"
+      style="margin-top: 400px"
+      :zIndex="9999"
+      @cancel="closeCodeModal"
+    >
+      <div class="QR">
+        <div class="qr_header"></div>
+        <div class="qr_main">
+          <div class="qrm_header">
+            <span style="title">{{Addtitle}}</span>
+            <div class="close_exit" @click="closeCodeModal"></div>
+          </div>
+          <div class="line"></div>
+          <div class="content">
+            <div class="left">
+              <a-tree checkable checkStrictly :tree-data="treeData" :loading="orgLoading"
+              :load-data="onLoadData" v-model:expandedKeys="expandedKeys"
+                v-model:selectedKeys="selectedKeys"
+                v-model:checkedKeys="checkedKeys" :fieldNames="{
+                children: 'treeChildList',
+                key: 'id',
+                title: 'name',
+                value: 'name',
+              }" @check="onCheck">
+            </a-tree>
+            </div>
+            <div class="right">
+              <div class="headers">
+                <div>已选择标签<span style="color: #4ea6ff;margin-left:5px;">{{treeAddData?.length}}</span>个</div>
+                <div class="header_right" @click="clearTree">清空</div>
+              </div>
+              <div class="tags">
+                <div
+                  class="tag"
+                  v-for="(item, index) in treeAddData"
+                  :key="index"
+                >
+                  <div class="tag_text" :title="`${item?.orgName} - (原：${item?.affiliationName || '-'})`">{{ item?.orgName }} - (原：{{ item?.affiliationName || '-' }})</div>
+                  <div @click="deleteTree(item)" class="tag_delete">+</div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div class="footer">
+          <a-button style="margin-right: 20px;" @click="closeCodeModal">取消</a-button>
+          <a-button type="primary" @click="queryCreate">确定</a-button>
+        </div>
+      </div>
+    </a-modal>
+  </div>
+</template>
+<script setup>
+import { reactive, toRefs, watch,ref,computed } from "vue";
+import { message } from "ant-design-vue";
+import { useStore } from "vuex";
+import { ORG_CHILD_LIST, ORG_LIST} from "@/api/apis";
+import { defineProps,defineEmits } from "vue";
+import { request, useRequest} from "@/api/request";
+import * as lecturerApi from "@/api/Lecturer.js";
+  const props =  defineProps({
+    showContent: {
+      type: Boolean,
+      default: false,
+    },
+    Addtitle:{
+      type:String,
+      default: true,
+    },
+    AddContentList:{
+      type:Array,
+      default: ()=>[],
+    }
+  })
+  const emit = defineEmits({})
+  const treeAddData = ref([])
+  const { data: treeData, loading: orgLoading } = useRequest(
+    ORG_LIST,
+    { keyword: "" },
+  );
+  function onLoadData(treeNode) {
+    return request(ORG_CHILD_LIST, { keyword: "", orgId: treeNode.id }).then(
+      (r) => {
+        //等待接口联调
+        r?.data?.map(item=>{
+          notLists?.value?.some(i=>{
+            if(i.orgId == item.id){
+              item.disabled = true
+              item.name = item.name + '(' + i.orgName + ')'
+              return true
+            }
+          })
+          return item
+        })
+        treeNode.dataRef.treeChildList = r.data;
+        treeData.value = [...treeData.value];
+      }
+    );
+  }
+  watch(()=>props.showContent, (val) => {
+    if(!val){
+      expandedKeys.value = []
+      selectedKeys.value = []
+      checkedKeys.value = []
+    }else{
+      console.log(props.AddContentList,'xixiixix')
+      getNot()
+      treeAddData.value = props?.AddContentList
+      orgLists.value = props?.AddContentList
+      checkedKeys.value = props?.AddContentList?.map(item=>item.orgId)
+    }
+  });
+  const notLists = ref([])
+  const getNot = () => {
+    lecturerApi.getUnSelectOrg().then(res=>{
+      if(res.data.code == 200){
+        notLists.value = res.data.data
+      }
+      if(treeData.value.length){
+        treeData.value.map(item=>{
+          item.name = item.name?.split('(')[0]
+          notLists.value.some(i=>{
+            if(i.orgId == item.id){
+              item.disabled = true
+              item.name = item.name + '(' + i.orgName + ')'
+              return true
+            }
+          })
+          return item
+        })
+      }
+    }).catch(err=>{
+      message.error(err.data.msg)
+    })
+  }
+  const orgLists = ref([])
+  const onCheck = async (checkedKeys, {checked: bool, checkedNodes, node, event}) => {
+    // "965356037047586816"
+    let length = treeAddData.value.length
+    if(checkedNodes.length > length){
+      await lecturerApi.getSelectOrg(node.id).then(res=>{
+        const targetNode = checkedNodes.find(item=>item.id == res?.data?.data[0]?.orgId)
+        if(targetNode){
+          orgLists.value.push(Object.assign(targetNode,res?.data?.data[0]));
+        }
+      }).catch(err=>{
+        message.error('获取被占用组织失败，请重新尝试')
+      })
+    }
+    treeAddData.value = checkedNodes.map(item => {
+      if (!item || !item.id) {
+        return item;
+      }
+      try {
+        const orgItem = orgLists.value?.find(i => i && i.orgId == item.id);
+        if (orgItem) {
+          item.isSelect = orgItem.isSelect;
+          item.orgName = orgItem.orgName;
+          item.leaders = orgItem.leaders;
+          item.affiliationName = orgItem.affiliationName
+        }
+        return {
+          orgId: item.id,
+          orgName: item.name,
+          affiliationId: item.id,
+          ...item
+        };
+      } catch (err) {
+        return item;
+      }
+    });
+    // treeAddData.value = checkedNodes;
+    console.log(treeAddData.value,'checkedNodes',orgLists.value)
+  }
+  const clearTree = () => {
+    treeAddData.value = [];
+    checkedKeys.value = [];
+    orgLists.value = [];
+  }
+  const deleteTree = (item) => {
+    treeAddData.value = treeAddData.value.filter(node => node.orgId !== item.orgId);
+    checkedKeys.value = treeAddData.value.map(item=>item.orgId)
+  }
+  const closeCodeModal = () => {
+    emit("update:showContent", false);
+    clearTree()
+  };
+  const queryCreate = () => {
+    emit("update:AddContentList", treeAddData.value);
+    closeCodeModal()
+  }
+  const expandedKeys = ref([]);
+  const selectedKeys = ref([]);
+  const checkedKeys = ref([]);
+</script>
+<style scoped lang="scss">
+.twoDimensionalCode {
+}
+.codeModal {
+  .ant-modal {
+    .ant-modal-content {
+      width: 479px !important;
+      .ant-modal-body {
+        .QR {
+          z-index: 9999;
+          width: 700px;
+          background: #ffffff;
+          box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21);
+          position: absolute;
+          left: 50%;
+          top: 10%;
+          transform: translate(-50%, -50%);
+          .qr_header {
+            position: absolute;
+            width: calc(100%);
+            height: 40px;
+            // background: linear-gradient(
+            //   rgba(78, 166, 255, 0.2) 0%,
+            //   rgba(78, 166, 255, 0) 100%
+            // );
+          }
+          .qr_main {
+            width: 100%;
+            position: relative;
+            .qrm_header {
+              display: flex;
+              align-items: center;
+              padding-top: 20px;
+              padding-left: 26px;
+              font-size: 16px;
+              .title {
+                font-size: 16px;
+                font-weight: 600;
+                color: #333333;
+                line-height: 22px;
+              }
+              .close_exit {
+                position: absolute;
+                right: 42px;
+                cursor: pointer;
+                width: 20px;
+                height: 20px;
+                background-image: url(@/assets/images/coursewareManage/close.png);
+                background-size: 100% 100%;
+              }
+            }
+            .line{
+              height: 1px;
+              margin-top: 16px;
+              background-color: #e8e8e8;
+            }
+            .content{
+              display: flex;
+              min-height: 500px;
+              .left{
+                width: 50%;
+                border-right: 1px solid #e8e8e8;
+                padding: 30px 15px;
+                max-height: 600px;
+                overflow-y: auto;
+              }
+              .right{
+                width: 50%;
+                // max-height: 600px;
+                // overflow-y: auto;
+                .headers{
+                  display: flex;
+                  justify-content: space-between;
+                  margin: 30px 15px;
+                  .header_right{
+                    color: #666666;
+                    cursor: pointer;
+                  }
+                }
+                .tags{
+                  max-height: 500px;
+                  overflow-y: auto;
+                  padding: 0 15px;
+                  .tag{
+                    height: 44px;
+                    padding: 0 15px;
+                    display: flex;
+                    justify-content: space-between;
+                    align-items: center;
+                    .tag_text{
+                      max-width: 240px;
+                      overflow: hidden;
+                      text-overflow: ellipsis;
+                      white-space: nowrap;
+                    }
+                    .tag_delete{
+                      display: none;
+                      color: #4ea6ff;
+                      transform: rotate(45deg);
+                      font-size: 26px;
+                      cursor: pointer;
+                    }
+                  }
+                  .tag:hover .tag_delete {
+                    display: block;
+                  }
+                  .tag:hover {
+                    background-color: aliceblue;
+                  }
+                }
+              }
+            }
+          }
+          .footer{
+            height: 60px;
+            text-align: right;
+            padding: 13px 30px;
+            border-top: 1px solid #e8e8e8;
+          }
+        }
+      }
+    }
+  }
+}
+</style>
diff --git a/src/components/project/BatchLecturer.vue b/src/components/project/BatchLecturer.vue
new file mode 100644
index 00000000..554c9809
--- /dev/null
+++ b/src/components/project/BatchLecturer.vue
@@ -0,0 +1,370 @@
+<template>
+  <a-drawer
+    :visible="visible"
+    :closable="false"
+    class="RouterFaceStus"
+    placement="right"
+    width="70%"
+  >
+    <div class="drawerMains">
+      <div class="headers" style="margin-top:-24px;">
+        <div class="headerTitle">{{ name }}</div>
+        <img
+          style="width: 29px; height: 29px; cursor: pointer"
+          src="@/assets/images/basicinfo/close.png"
+          @click="closeDrawer"
+        />
+      </div>
+      <div class="content">
+        <div class="box">
+          <div style="margin-bottom: 20px;font-size: 18px;font-weight: 700;">选择讲师费汇总:<span style="color:red;margin-left:20px;">{{payableExpense.toFixed(2)||0}}元</span></div>
+          <div class="table" style="padding-bottom:72px;">
+            <a-table
+              :columns="columns"
+              :data-source="tableData"
+              :pagination="false"
+              :scroll="{ x: 'max-content' }"
+              row-key="id"
+              :loading="loading"
+              :row-selection="{ selectedRowKeys: selectedRowKeys, onChange: onSelectChange }"
+            >
+              <template #action="{ record }">
+                <div class="action">
+                  <div style="color: #1890ff;cursor: pointer;" class="btn" v-if="selectedRowKeys.includes(record.id)" @click="removeList(record)">取消选择</div>
+                  <div style="color: #1890ff;cursor: pointer;" class="btn" v-else @click="addList(record)">选择</div>
+                </div>
+              </template>
+            </a-table>
+          </div>
+        </div>
+      </div>
+      <div class="btnn">
+        <button class="btn1" @click="closeDrawer">取消</button>
+        <button class="btn2" @click="queryDrawer">下一步</button>
+      </div>
+    </div>
+  </a-drawer>
+</template>
+<script setup lang="jsx">
+import {computed, defineEmits,defineProps, ref, watch} from "vue";
+import * as api from '@/api/Lecturer'
+import { message } from "ant-design-vue";
+const props = defineProps({
+  visible: {
+    type: Boolean,
+    default: false,
+  },
+  name:{
+    type: String,
+    default: ""
+  }
+});
+watch(()=>props.visible,(val)=>{
+  if(val){
+    loading.value = true
+    api.getListByStatus().then(res=>{
+      if(res.data.code == 200 ){
+        tableData.value = res.data.data
+      }else{
+        message.error(res.data.msg)
+      }
+      loading.value = false
+    }).catch(err=>{
+      message.error(err.data.msg)
+      loading.value = false
+    })
+  }else{
+    selectedRowKeys.value = []
+    selectsData.value = []
+  }
+})
+const loading = ref(false)
+const selectedRowKeys = ref([])
+const selectsData = ref([]);
+const onSelectChange = (e, l) => {
+  selectedRowKeys.value = e
+  selectsData.value = l
+}
+const emit = defineEmits(['selectedRowKeys','update:visible'])
+const addList = (item) => {
+  selectedRowKeys.value.push(item.id)
+  selectsData.value.push(item)
+}
+const payableExpense = ref(0)
+watch(()=>selectsData.value.length,(val)=>{
+  if(val){
+    payableExpense.value = selectsData.value.reduce((a,b)=>{
+      return Number(a) + Number(b.payableExpense)
+    },0)
+  }else{
+    payableExpense.value = 0
+  }
+})
+const removeList = (item) => {
+  selectedRowKeys.value = selectedRowKeys.value.filter(t=> t != item.id)
+  selectsData.value = selectsData.value.filter(t=>t.id != item.id)
+}
+const columns = [
+  {
+    title: '讲师名称',
+    dataIndex: 'name',
+    key: 'name',
+    align: 'center',
+  },
+  {
+    title: '讲师工号',
+    dataIndex: 'userNo',
+    key: 'userNo',
+    align: 'center',
+  },
+  {
+    title: '所属组织',
+    dataIndex: 'orgName',
+    key: 'orgName',
+    align: 'center',
+    ellipsis: true,
+    customCell  :() => {return {style: {maxWidth: '200px',overflow: 'hidden',whiteSpace: 'nowrap',textOverflow:'ellipsis',cursor:'pointer'}}},
+  },
+  
+  {
+    title: '讲师体系',
+    dataIndex: 'tsystemName',
+    key: 'tsystemName',
+    align: 'center',
+  },
+  {
+    title: '讲师等级',
+    dataIndex: 'tlevelName',
+    key: 'tlevelName',
+    align: 'center',
+    customRender: ({ text })=>{
+      return text||'-'
+    }
+  },
+  {
+    title: '发薪地',
+    dataIndex: 'payrollPlace',
+    key: 'payrollPlace',
+    align: 'center',
+    customRender: ({ text })=>{
+      return text||'-'
+    }
+  },
+
+  {
+    title: '课程类型',
+    dataIndex: 'courseType',
+    key: 'courseType',
+    align: 'center',
+    customRender: ({ text,record })=>{
+      switch (text) {
+        case 0:
+          return "在线课"
+        case 1:
+          return "面授课"
+        case 2:
+          return "课程开发"
+        case 3:
+          return "作业员入模培训"
+        case 4:
+          return "其他"
+        default:
+          return "-"
+      }
+    }
+  },
+  {
+    title: '课程名称',
+    dataIndex: 'courseName',
+    key: 'courseName',
+    align: 'center',
+  },
+  {
+    title: '授课/开发课程日期',
+    dataIndex: 'teachingDate',
+    key: 'teachingDate',
+    align: 'center',
+  },
+  {
+    title: '授课/开发课程时长',
+    dataIndex: 'teachingTime',
+    key: 'teachingTime',
+    align: 'center',
+    customRender: ({ text,record })=>{
+      return (text/60).toFixed(2)+'小时'
+    }
+  },
+  {
+    title: '参训人数',
+    dataIndex: 'studys',
+    key: 'studys',
+    align: 'center',
+    customRender: ({ text })=>{
+      return text||'0'
+    }
+  },
+  {
+    title: '评分',
+    dataIndex: 'score',
+    key: 'score',
+    align: 'center',
+    customRender: ({ text })=>{
+      return text||'-'
+    }
+  },
+  {
+    title: '课酬基准',
+    dataIndex: 'levelPay',
+    key: 'levelPay',
+    align: 'center',
+  },
+  {
+    title: '计划费用',
+    dataIndex: 'expense',
+    key: 'expense',
+    align: 'center',
+  },
+  {
+    title: '应发费用',
+    dataIndex: 'payableExpense',
+    key: 'payableExpense',
+    align: 'center',
+  },
+  {
+    title: '操作',
+    align: 'center',
+    fixed: 'right',
+    width: 100,
+    slots: { customRender: "action" },
+  },
+]
+const tableData = ref([])
+const closeDrawer = () => {
+  emit("update:visible", false);
+  selectedRowKeys.value = []
+  selectsData.value = []
+}
+const queryDrawer = () => {
+  if(!selectedRowKeys.value.length){
+    message.error('请选择需要审批的数据')
+    return
+  }
+  emit("selectedRowKeys", selectedRowKeys.value)
+  // closeDrawer()
+}
+</script>
+
+<style lang="scss" scoped>
+
+
+.RouterFaceStus {
+  .drawerMains {
+    min-width: 600px;
+    // margin: 0px 32px 0px 32px;
+    overflow-x: auto;
+    display: flex;
+    flex-direction: column;
+
+    .headers {
+      height: 73px;
+      border-bottom: 1px solid #e8e8e8;
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      // background-color: red;
+      margin-bottom: 20px;
+
+      .headerTitle {
+        font-size: 18px;
+        font-weight: 600;
+        color: #333333;
+        line-height: 25px;
+        // margin-left: 24px;
+      }
+    }
+    .content{
+      margin: 0 20px;
+      .head{
+        display: flex;
+        align-items: center;
+        overflow-x: auto;
+        .list{
+          display: flex;
+          align-items: center;
+          background-color: #666;
+          min-width: 260px;
+          padding: 20px 10px;
+          color: #ffffff;
+          border-radius:6px;
+          margin-right: 20px;
+          margin-bottom: 20px;
+          .left{
+            width: 35%;
+            text-align:right;
+            margin-right:30px;
+            .text{
+              margin-top:20px;
+            }
+          }
+          .right{
+            .text{
+              margin-top:20px;
+            }
+          }
+        }
+        .active{
+          background-color: #f5f5f5;
+          color: #000000;
+        }
+      }
+      .box{
+        .top{
+          display: flex;
+          align-items: center;
+          margin-bottom: 20px;
+          margin-top: 10px;
+          .item{
+            margin-right: 20px;
+          }
+        }
+      }
+    }
+
+    .btnn {
+      height: 72px;
+      width: 100%;
+      position: absolute;
+      bottom: 0;
+      left: 0;
+      z-index: 9;
+      display: flex;
+      align-items: center;
+      justify-content: end;
+      box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.16);
+      background-color: #fff;
+
+      .btn1 {
+        width: 100px;
+        height: 40px;
+        border: 1px solid #4ea6ff;
+        border-radius: 8px;
+        color: #4ea6ff;
+        background-color: #fff;
+        cursor: pointer;
+      }
+
+      .btn2 {
+        cursor: pointer;
+        width: 100px;
+        height: 40px;
+        background: #4ea6ff;
+        border-radius: 8px;
+        border: 0;
+        margin-left: 15px;
+        color: #fff;
+        margin-right: 15px;
+      }
+    }
+  }
+}
+</style>
diff --git a/src/components/project/ConfirmLecturer.vue b/src/components/project/ConfirmLecturer.vue
new file mode 100644
index 00000000..c79b2348
--- /dev/null
+++ b/src/components/project/ConfirmLecturer.vue
@@ -0,0 +1,660 @@
+<template>
+  <a-drawer
+    :visible="visible"
+    :closable="false"
+    class="RouterFaceStus"
+    placement="right"
+    width="64%"
+    :zIndex="1001"
+  >
+    <div class="drawerMains">
+      <div class="headers" style="margin-top:-24px;">
+        <div class="headerTitle">{{ name }}</div>
+        <img
+          style="width: 29px; height: 29px; cursor: pointer"
+          src="@/assets/images/basicinfo/close.png"
+          @click="closeDrawer"
+        />
+      </div>
+      <div class="content">
+        <div class="head">
+          <div class="list" :class="index==indexList?'active':''" @click="clickItem(item,index)" v-for="(item,index) in forData">
+            <div class="left">
+              <div>培训发生组织</div>
+              <div class="text">汇总金额</div>
+            </div>
+            <div class="right">
+              <div class="org" :title="item?.trainOrgName">{{item?.trainOrgName||'-'}}</div>
+              <div class="text org" :title="item?.summaryTotal">{{item?.summaryTotal||'-'}}</div>
+            </div>
+          </div>
+        </div>
+        <div class="box">
+          <div class="top">
+            <div class="item">
+              <a-input @pressEnter="searchData(true)" style="border-radius: 8px;width:240px;height: 40px;" v-model:value="nameUserNo" placeholder="请输入工号/讲师名称进行搜索" allowClear />
+            </div>
+            <div class="item">
+              <a-range-picker format="YYYY-MM-DD" valueFormat="YYYY-MM-DD" style="border-radius: 8px;width:360px;height: 40px;" v-model:value="dateValue" />
+            </div>
+            <div class="item">
+              <a-button type="primary" @click="searchData(true)" style="margin-right:20px;border-radius:8px;width: 100px;height: 40px;">搜索</a-button>
+              <a-button type="primary" @click="resetData()" style="border-radius:8px;width: 100px;height: 40px;">重置</a-button>
+            </div>
+          </div>
+          <div class="table">
+            <a-table
+              :columns="columns"
+              :data-source="searchTrue?searchList:expenseList"
+              :pagination="false"
+              :scroll="{ x: 'max-content' }"
+              :loading="loadingData"
+            >
+              <template #action="{ record,index }">
+                <div class="action">
+                  <div @click="removeId(record,index)" class="btn" style="color: #40a9ff;cursor: pointer;">移除</div>
+                </div>
+              </template>
+            </a-table>
+          </div>
+        </div>
+      </div>
+      <div class="btnn">
+        <button class="btn1" @click="config">确认提交审批</button>
+        <button class="btn1" @click="qureyDrawer">确定</button>
+        <button class="btn2" @click="closeDrawer">取消</button>
+      </div>
+    </div>
+  </a-drawer>
+  <div>
+    <a-modal
+      :visible="modalVisible"
+      :footer="null"
+      :title="null"
+      :centere="true"
+      :closable="false"
+      style="margin-top: 400px"
+      :zIndex="1001"
+      @cancel="close"
+    >
+      <div class="delete">
+        <div class="del_header"></div>
+        <div class="del_main">
+          <div class="header">
+            <div class="del-icons">
+              <img src="@/assets/images/coursewareManage/QR.png" alt=""/>
+            </div>
+            <span>操作确认</span>
+            <div class="close_exit" @click="close"></div>
+          </div>
+          <div class="title">本月可提交审批次数： <span style="color:#4ea6ff"> {{ numTime }} / 10 </span></div>
+          <div class="body">
+            <div>
+              <span>请仔细核对讲师费信息，确认无误后，将自动进入(BPM系统)审批流程。</span>
+            </div>
+          </div>
+          <div class="del_btnbox">
+            <div class="del_btn btn2" @click="close">
+              <div class="btnText">取消</div>
+            </div>
+            <div class="del_btn btn2" @click="handleConfirm">
+              <div class="btnText">确定</div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </a-modal>
+  </div>
+</template>
+<script setup lang="jsx">
+import {computed, defineEmits,defineProps, ref, watch} from "vue";
+import {message} from "ant-design-vue";
+import * as api from '@/api/Lecturer'
+import dialog from "@/utils/dialog";
+const props = defineProps({
+  visible: {
+    type: Boolean,
+    default: false,
+  },
+  name:{
+    type: String,
+    default: ""
+  },
+  ids:{
+    type: String,
+    default: ''
+  }
+});
+const loadingData = ref(false)
+const modalVisible = ref(false)
+const numTime = ref(0)
+const close = () => {
+  modalVisible.value = false;
+}
+const handleConfirm = () => {
+  if(numTime.value >= 10){
+    message.error('提交审批次数已达上限')
+    return
+  }
+  numTime.value+=1
+  localStorage.setItem('numTime',numTime.value)
+  const ids = forData.value.flatMap(item => item.expenseList.map(item => item.id));
+  if(!ids.length){
+    return message.error('暂无可提交的数据')
+  }
+  api.teacherExpenseConfirm({ids:ids?.join(',')}).then(res=>{
+    console.log(res,'resssss')
+    api.submitApproval({ids:res.data?.data?.join(',')}).then(res=>{
+      console.log(res,'resssss')
+      message.success('提交成功')
+      close()
+      closeDrawer()
+      emit('visibleFalse',false)
+    }).catch(err=>{
+      message.destroy()
+      message.error(err.data.msg)
+      close()
+      closeDrawer()
+      emit('visibleFalse',false)
+    })
+  }).catch(err=>{
+    message.destroy()
+    message.error(err.data.msg)
+    close()
+    closeDrawer()
+    emit('visibleFalse',false)
+  })
+}
+const forData = ref()
+const indexList = ref(0)
+const expenseList = ref([])
+const searchList = ref([])
+const clickItem = (item,i) => {
+  expenseList.value = item.expenseList
+  indexList.value = i
+  resetData()
+}
+watch(()=>props.visible,(val)=>{
+  if(val){
+    loadingData.value = true
+    numTime.value = Number(localStorage.getItem('numTime')||0)
+    api.getListByAffiliation(
+      {
+        name: '',
+        ids: props.ids,
+        beginTime: '',
+        endTime: '',
+      }
+    ).then(res=>{
+      if(res.data.code === 200){
+        forData.value = res.data.data
+        expenseList.value = res.data.data[indexList.value]?.expenseList || []
+      }
+      loadingData.value = false
+      resetData()
+    }).catch(()=>{
+      message.error('获取数据失败，请重新尝试')
+      loadingData.value = false
+    })
+  }else{
+    nameUserNo.value = null
+    dateValue.value = null
+  }
+})
+const removeId = (e,i) =>{
+  dialog({
+    content: "是否确认移除",
+    ok: () =>{
+      forData.value?.forEach(item=>{
+        item.expenseList?.some((i,l)=>{
+          if(i.id == e.id){
+            return item.expenseList.splice(l,1)
+          }
+        })
+      })
+      if(searchTrue.value){
+        searchList.value = searchList.value.filter(item=>item.id !== e.id)
+        expenseList.value = expenseList.value.filter(item=>item.id !== e.id)
+      }else{
+        expenseList.value = expenseList.value.filter(item=>item.id !== e.id)
+      }
+      forData.value[indexList.value].summaryTotal = forData.value[indexList.value]?.summaryTotal - e.payableExpense
+    }
+  })
+}
+const nameUserNo = ref(null)
+const dateValue = ref(null)
+const searchTrue = ref(false)
+const searchData = (val) => {
+  searchTrue.value = val
+  if(!nameUserNo.value&&!dateValue.value){
+    searchList.value = expenseList.value;
+    return
+  }
+  //搜索 数组expenseList.value  参数名字或者工号：nameUserNo.value 日期：dateValue.value
+  const filteredList = expenseList.value.filter(item => {
+    const isNameMatch = (item.name + item.userNo).includes(nameUserNo.value);
+    const teachingDateTimestamp = new Date(item.teachingDate).getTime();
+    if(dateValue.value==null){
+      return isNameMatch
+    }
+    const startDateTimestamp = new Date(dateValue.value[0]).getTime();
+    const endDateTimestamp = new Date(dateValue.value[1]).getTime();
+    const isDateInRange = teachingDateTimestamp >= startDateTimestamp && teachingDateTimestamp <= endDateTimestamp;
+    if(nameUserNo.value&&startDateTimestamp&&endDateTimestamp){
+      return isNameMatch && isDateInRange;
+    }
+    return isNameMatch || isDateInRange;
+  });
+  searchList.value = filteredList;
+}
+const resetData = () => {
+  nameUserNo.value = null
+  dateValue.value = null
+  searchData(false)
+}
+const emit = defineEmits(['update:visible'])
+const columns = [
+  {
+    title: '讲师名称',
+    dataIndex: 'name',
+    key: 'name',
+    align: 'center',
+  },
+  {
+    title: '讲师工号',
+    dataIndex: 'userNo',
+    key: 'userNo',
+    align: 'center',
+  },
+  {
+    title: '所属组织',
+    dataIndex: 'orgName',
+    key: 'orgName',
+    align: 'center',
+    ellipsis: true,
+    customCell  :() => {return {style: {maxWidth: '200px',overflow: 'hidden',whiteSpace: 'nowrap',textOverflow:'ellipsis',cursor:'pointer'}}},
+  },
+  
+  {
+    title: '讲师体系',
+    dataIndex: 'tsystemName',
+    key: 'tsystemName',
+    align: 'center',
+  },
+  {
+    title: '讲师等级',
+    dataIndex: 'tlevelName',
+    key: 'tlevelName',
+    align: 'center',
+    customRender: ({ text })=>{
+      return text||'-'
+    }
+  },
+  {
+    title: '发薪地',
+    dataIndex: 'payrollPlace',
+    key: 'payrollPlace',
+    align: 'center',
+    customRender: ({ text })=>{
+      return text||'-'
+    }
+  },
+
+  {
+    title: '课程类型',
+    dataIndex: 'courseType',
+    key: 'courseType',
+    align: 'center',
+    customRender: ({ text,record })=>{
+      switch (text) {
+        case 0:
+          return "在线课"
+        case 1:
+          return "面授课"
+        case 2:
+          return "课程开发"
+        case 3:
+          return "作业员入模培训"
+        case 4:
+          return "其他"
+        default:
+          return "-"
+      }
+    }
+  },
+  {
+    title: '课程名称',
+    dataIndex: 'courseName',
+    key: 'courseName',
+    align: 'center',
+  },
+  {
+    title: '授课/开发课程日期',
+    dataIndex: 'teachingDate',
+    key: 'teachingDate',
+    align: 'center',
+  },
+  {
+    title: '授课/开发课程时长',
+    dataIndex: 'teachingTime',
+    key: 'teachingTime',
+    align: 'center',
+    customRender: ({ text,record })=>{
+      return (text/60).toFixed(2)+'小时'
+    }
+  },
+  {
+    title: '参训人数',
+    dataIndex: 'studys',
+    key: 'studys',
+    align: 'center',
+    customRender: ({ text })=>{
+      return text||'0'
+    }
+  },
+  {
+    title: '评分',
+    dataIndex: 'score',
+    key: 'score',
+    align: 'center',
+    customRender: ({ text })=>{
+      return text||'-'
+    }
+  },
+  {
+    title: '课酬基准',
+    dataIndex: 'levelPay',
+    key: 'levelPay',
+    align: 'center',
+  },
+  {
+    title: '计划费用',
+    dataIndex: 'expense',
+    key: 'expense',
+    align: 'center',
+  },
+  {
+    title: '应发费用',
+    dataIndex: 'payableExpense',
+    key: 'payableExpense',
+    align: 'center',
+  },
+  {
+    title: '操作',
+    align: 'center',
+    fixed: 'right',
+    slots: { customRender: "action" },
+  },
+]
+const closeDrawer = () => emit("update:visible", false);
+const qureyDrawer = () => {
+  const ids = forData.value.flatMap(item => item.expenseList.map(item => item.id));
+  if(!ids.length){
+    return message.error('暂无可提交的数据')
+  }
+  dialog({
+    content: '是否确认讲师费信息无误？提交后按“培训发生组织”汇总至审批中心，等待验证后“提交”进入审批流程。',
+    ok: () => {
+      api.teacherExpenseConfirm({ids:ids?.join(',')}).then(res=>{
+        console.log(res,'resssss')
+        message.success('提交成功')
+        closeDrawer()
+        emit('visibleFalse',false)
+      }).catch(err=>{
+        message.destroy()
+        message.error(err.data.msg)
+        closeDrawer()
+        emit('visibleFalse',false)
+      })
+    }
+  })
+}
+const config = () => {
+  if(!expenseList.value.length){
+    message.error('暂无可提交的数据')
+    return
+  }
+  modalVisible.value = true;
+}
+</script>
+
+<style lang="scss" scoped>
+.delete {
+  min-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-icons {
+        width: 16px;
+        height: 16px;
+        position: relative;
+        margin-right: 10px;
+
+        img {
+          width: 100%;
+          height: 100%;
+          position: absolute;
+          top: 0px;
+          left: 0px;
+          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%;
+      }
+
+    }
+    .title{
+      padding: 0 30px;
+      margin-top: 34px;
+    }
+
+    .body {
+      width: 100%;
+      padding: 0 30px;
+      margin: 34px auto 56px auto;
+      margin-top: 10px;
+      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;
+      }
+
+    }
+  }
+}
+
+.RouterFaceStus {
+  .drawerMains {
+    min-width: 600px;
+    // margin: 0px 32px 0px 32px;
+    overflow-x: auto;
+    display: flex;
+    flex-direction: column;
+
+    .headers {
+      height: 73px;
+      border-bottom: 1px solid #e8e8e8;
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      // background-color: red;
+      margin-bottom: 20px;
+
+      .headerTitle {
+        font-size: 18px;
+        font-weight: 600;
+        color: #333333;
+        line-height: 25px;
+        // margin-left: 24px;
+      }
+    }
+    .content{
+      margin: 0 20px;
+      .head{
+        display: flex;
+        align-items: center;
+        overflow-x: auto;
+        .list{
+          display: flex;
+          align-items: center;
+          background-color: #f5f5f5;
+          min-width: 260px;
+          padding: 20px 10px;
+          color: #ffffff;
+          border-radius:6px;
+          margin-right: 20px;
+          margin-bottom: 20px;
+          .left{
+            width: 35%;
+            min-width: 86px;
+            text-align:right;
+            margin-right:30px;
+            color: rgba(116, 120, 141, 0.603921568627451);
+            .text{
+              margin-top:20px;
+            }
+          }
+          .right{
+            color: #646C9A;
+            .org{
+              max-width: 148px;
+              overflow: hidden;
+              text-overflow: ellipsis;
+              white-space: nowrap;
+            }
+            .text{
+              margin-top:20px;
+            }
+          }
+        }
+        .active{
+          background-color: #4ea6ff;
+          .left{
+            color: #ffffff;
+          }
+          .right{
+            color: #ffffff;
+          }
+        }
+      }
+      .box{
+        padding-bottom: 80px;
+        .top{
+          display: flex;
+          align-items: center;
+          margin-bottom: 20px;
+          margin-top: 10px;
+          .item{
+            margin-right: 20px;
+          }
+        }
+      }
+    }
+
+    .btnn {
+      height: 72px;
+      width: 100%;
+      position: absolute;
+      bottom: 0;
+      left: 0;
+      display: flex;
+      align-items: center;
+      justify-content: end;
+      box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.16);
+      background-color: #fff;
+      z-index: 9;
+      .btn2 {
+        width: 100px;
+        height: 40px;
+        border: 1px solid #4ea6ff;
+        border-radius: 8px;
+        color: #4ea6ff;
+        background-color: #fff;
+        cursor: pointer;
+        margin-right: 15px;
+      }
+
+      .btn1 {
+        cursor: pointer;
+        width: 100px;
+        height: 40px;
+        background: #4ea6ff;
+        border-radius: 8px;
+        border: 0;
+        margin-right: 15px;
+        color: #fff;
+      }
+    }
+  }
+}
+</style>
diff --git a/src/components/project/Editor.vue b/src/components/project/Editor.vue
new file mode 100644
index 00000000..280a8772
--- /dev/null
+++ b/src/components/project/Editor.vue
@@ -0,0 +1,114 @@
+<!--
+ * @Author: wangzhiyu <w19165802736@163.com>
+ * @version: 1.0.0
+ * @Date: 2024-04-7 11:04:25
+ * @LastEditTime: 2024-04-08 21:44:20
+ * @Descripttion: 富文本编辑器组件
+-->
+<template> 
+    <div style="border: 1px solid #ccc; width: 100%;position:relative; ">
+      <Toolbar style="border-bottom: 1px solid #ccc ;font-size:4px"  :editor="editorRef" :defaultConfig="toolbarConfig" mode="simple" />
+      <Editor style="height: 100px; overflow-y: hidden" v-model="valueHtml" :defaultConfig="editorConfig" mode="simple" @onCreated="handleCreated" @onChange="handleChange" @customPaste="customPaste"  />
+      <span style="position:absolute;right:6px;bottom:4px;">{{ valueLength }}/200</span>
+    </div>
+
+  </template>
+  <script setup>
+  // 富文本编辑器文档链接: https://www.wangeditor.com/v5/getting-started.html
+  // 引入富文本编辑器CSS
+  import '@wangeditor/editor/dist/css/style.css';
+  import { onBeforeUnmount, ref, shallowRef,watch,defineProps, defineEmits } from 'vue';
+  // 导入富文本编辑器的组件
+  import { Editor, Toolbar } from '@wangeditor/editor-for-vue';
+  const props = defineProps({
+    value: {
+      type: String,
+      default: ()=>'',
+    },
+  });
+  // 编辑器实例，必须用 shallowRef
+  const editorRef = shallowRef();
+  const emit = defineEmits(['update:value'])
+  // 内容 HTML
+  const valueHtml = ref('');
+  watch(()=>valueHtml.value,(val)=>{
+    emit('update:value',val)
+    
+  })
+  watch(()=>props.value,(val)=>{
+    valueHtml.value = val
+  })
+  const toolbarConfig = {
+    excludeKeys: [
+    'insertLink', // 排除菜单组，写菜单组 key 的值即可
+    "group-image",
+    "todo",
+    "insertVideo",
+    "insertTable"
+  ]
+
+  };
+  const editorConfig = ref({ placeholder: '请输入内容...', MENU_CONF: {} });
+  
+  // 自定义图片上传
+  editorConfig.value.MENU_CONF['uploadImage'] = {
+    async customUpload(file, insertFn) {
+        const formData = new FormData();
+        formData.append("file", file);
+        fileUp(formData).then((res) => {
+          if (res.data.code === 200) {
+            // 最后插入图片  url alt href
+            console.log(
+              "上传图片结果",
+              process.env.VUE_APP_FILE_PATH + res.data.data
+            );
+            insertFn(
+              process.env.VUE_APP_FILE_PATH + res.data.data,
+              file.name,
+              res.data.data
+            );
+          }
+        });
+      },
+  };
+  
+  // 自定义视频上传
+  editorConfig.value.MENU_CONF['uploadVideo'] = {
+    async customUpload(file, insertFn) {
+      console.log('上传视频', file);
+    },
+  };
+  const valueLength = ref(0)
+  const handleChange = (editor) => {
+    const reg = /<[^<>]+>/g;
+    const value = valueHtml.value.replace(reg, "");
+    valueLength.value = value.length
+    if (valueLength.value > 200) {
+      valueHtml.value = '<p>' + value.slice(0, 200) + '</p>'
+      editor.setHtml(valueHtml.value);
+    }
+  };
+  // 富文本编辑器生成后触发
+  const handleCreated = editor => {
+    editorRef.value = editor; // 记录 editor 实例，重要！
+    console.log(editorConfig.value.MENU_CONF, 'editorConfig.value');
+  };
+  
+  // 监听富文本编辑器粘贴行为
+  const customPaste = (editor, event, callback) => {
+    // 获取粘贴的纯文本
+    const text = event.clipboardData.getData('text/plain');
+    if (text) {
+      editor.insertText(text);
+      event.preventDefault();
+      callback(false);
+    }
+  };
+  // 组件销毁时，也及时销毁编辑器
+  onBeforeUnmount(() => {
+    const editor = editorRef.value;
+    if (editor == null) return;
+    editor.destroy();
+  });
+  </script>
+  
\ No newline at end of file
diff --git a/src/components/project/ImageUpload.vue b/src/components/project/ImageUpload.vue
new file mode 100644
index 00000000..5ac21240
--- /dev/null
+++ b/src/components/project/ImageUpload.vue
@@ -0,0 +1,125 @@
+<template>  
+    <div>  
+      <input type="file" @change="handleFileUpload" />  
+      <img :src="avatarUrl" alt="Avatar" v-if="avatarUrl" />  
+    </div>  
+  </template>  
+    
+  <script>  
+  export default {  
+    data() {  
+      return {  
+        avatarUrl: '' // 存储头像的 URL（Base64 编码或服务器 URL）  
+      };  
+    },  
+    methods: {  
+      handleFileUpload(event) {  
+        const file = event.target.files[0]; // 获取用户选择的文件  
+        if (!file) return;  
+    
+        // 创建一个 FileReader 实例  
+        const reader = new FileReader();  
+    
+        // 读取文件内容，并在读取完成后设置 img 的 src  
+        reader.onload = (e) => {  
+          this.avatarUrl = e.target.result; // e.target.result 是 Base64 编码的字符串  
+        };  
+    
+        // 读取文件内容（作为 DataURL）  
+        reader.readAsDataURL(file);  
+    
+        // 如果你需要上传文件到服务器，可以在这里添加代码  
+        // 例如，使用 Axios 发送 POST 请求到服务器  
+      }  
+    }  
+  };  
+  </script> 
+  <!-- <template>
+    <a-upload
+        :file-list="files"
+        :action="FILE_UPLOAD_URL"
+        :show-upload-list="showUploadList"
+        :multiple="multiple"
+        :before-upload="beforeUpload"
+        :headers="headers"
+        @change="handleChange"
+        ref="imageRef"
+    >
+      <template v-for="(_, key, index) in $slots" :key="index" v-slot:[key]>
+        <slot :name="key"></slot>
+      </template>
+    </a-upload>
+  </template>
+  <script setup> 
+  import {defineProps, defineEmits, defineExpose, ref, watch} from "vue";
+  import {message} from "ant-design-vue";
+  import {FILE_UPLOAD_URL} from "@/api/config";
+  import {getCookieForName} from "@/api/method";
+  
+  const props = defineProps({
+    value: {
+      type: Array,
+      default: () => []
+    },
+    multiple: {
+      type: Boolean,
+      default: fals
+    },
+    showUploadList: {
+      type: Boolean,
+      default: false
+    },
+    fileType: {
+      type: Array,
+      default: () => []
+    }
+  })
+  
+  const emit = defineEmits({})
+  
+  const files = ref([])
+  const imageRef = ref()
+  const headers = { token: getCookieForName("token") };
+  watch(props, () => {
+    props.value.length !== files.value.length && (files.value = props.value)
+  })
+  
+  function handleChange({file, fileList}) {
+    file.response && file.response.code === 200 && (file.url = file.response.data)
+    files.value = fileList
+    emit('update:value', fileList)
+  }
+  
+  function beforeUpload(file) {
+    if (!props.fileType.includes(file.name.split(".").slice(-1).join(''))) {
+      message.error(
+          "不支持该格式"
+      );
+      return false;
+    }
+  }
+  
+  function remove(i) {
+    files.value.splice(i, 1)
+    emit('update:value', files.value)
+  }
+  
+  function reUpload(i) {
+    if (files.value[i].status === 'ready' || files.value[i].status === 'uploading') {
+      imageRef.value.abort(files.value[i].raw)
+      files.value[i].status = 'abort';
+    } else if (files.value[i].status === 'fail' || files.value[i].status === 'abort') {
+      imageRef.value.handleStart(files.value[i].raw)
+      imageRef.value.submit()
+    }
+  }
+  
+  function abort(i) {
+    imageRef.value.abort(files.value[i].raw)
+  }
+  
+  
+  defineExpose({reUpload, remove, abort})
+  
+  </script> -->
+  
\ No newline at end of file
diff --git a/src/components/project/ImportWork.vue b/src/components/project/ImportWork.vue
new file mode 100644
index 00000000..3d842ade
--- /dev/null
+++ b/src/components/project/ImportWork.vue
@@ -0,0 +1,637 @@
+<template>
+  <div>
+    <a-modal
+      :visible="showWork"
+      :footer="null"
+      :closable="closableQR"
+      wrapClassName="codeModal"
+      style="margin-top: 400px"
+      :zIndex="9"
+      @cancel="qr_exit"
+    >
+    <div class="QR">
+        <div class="qr_header"></div>
+        <div class="qr_main">
+          <div class="qrm_header">
+            <span style="title">{{ title }}</span>
+            <div class="close_exit" @click="closeCodeModal"></div>
+          </div>
+          <div class="line"></div>
+          <div class="contents">
+            <div class="drawerMain">
+              <div class="main">
+                <div class="minatitl">
+                  <div class="up1">请下载</div>
+                  <div class="up2" @click="downTemplate" style="cursor: pointer">
+                    模板
+                  </div>
+                  <div class="up1">，按要求填写数据并导入</div>
+                </div>
+                <div class="upload">
+                  <div class="text">上传：</div>
+                  <div class="right">
+                    <div style="height: 176px; margin-bottom: 20px">
+                      <a-upload-dragger v-model:fileList="fileList" :action="importHomeWork" :name="fileName" :multiple="true"
+                                        :headers="headers"
+                        @change="handleChange" :showUploadList="false">
+                        <p class="ant-upload-drag-icon">
+                          <inbox-outlined></inbox-outlined>
+                        </p>
+                        <p class="ant-upload-text">点击或将文件拖拽到此处上传</p>
+                        <p class="ant-upload-hint">支持扩展名：.xls/.xlsx</p>
+                      </a-upload-dragger>
+                    </div>
+                    <div class="loadstate">
+                      <div class="loadborder" v-if="uploadpercent < 100 && uploadpercent !== -1">
+                        <div class="content">
+                          <div class="img"></div>
+                          <div class="timebox">
+                            <div class="timetop">
+                              <div class="tit">{{ fileName }}</div>
+                              <div class="stateloading">正在上传</div>
+                            </div>
+                            <a-progress :percent="uploadpercent" />
+                          </div>
+                          <div class="curloading">
+                          </div>
+                        </div>
+                      </div>
+                      <div class="loadborder" v-if="uploadErr">
+                        <div class="content">
+                          <div class="img"></div>
+                          <div class="timebox">
+                            <div class="timetop">
+                              <div class="tit">{{ fileName }}</div>
+                              <div class="statedefeat">上传失败</div>
+                            </div>
+                            <a-progress :percent="uploadpercent" />
+                          </div>
+
+                          <div class="curloading">
+                            <div style="color: #387df7; margin-left: 20px; cursor: pointer">
+                              下载失败数据
+                            </div>
+                          </div>
+                          <div class="defeat" style="display: flex; align-items: center">
+                            <div style="color: #ff7474">
+                              {{ succNum }}条数据导入成功，{{ errNum }}条数据导入失败
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                      <div class="loadborder" v-if="uploadpercent === 100">
+                        <div class="content">
+                          <div class="img"></div>
+                          <div class="timebox">
+                            <div class="timetop">
+                              <div class="tit">{{ fileName }}</div>
+                              <div class="statesucce">上传成功</div>
+                            </div>
+                            <a-progress :percent="uploadpercent" />
+                          </div>
+                          <div class="curloading">
+                            <div class="cancel" style="margin-left: 20px; cursor: pointer" @click="removeUpload">
+                              删除
+                            </div>
+                          </div>
+                        </div>
+                        <div v-if="errNum">
+                          <div class="downloadErr" @click="downloadEeeorData">
+                            下载失败数据
+                          </div>
+                        </div>
+                      </div>
+                      <div v-if="uploadpercent === 100" class="defeat" style="
+                            display: flex;
+                            align-items: center;
+                            width: 500px;
+                            height: 40px;" :style="{
+                              background: errNum
+                                ? 'rgba(255, 116, 116, 0.1)'
+                                : 'rgba(53, 174, 105, 0.1)',
+                              border: errNum ? '1px solid #ff7474' : '1px solid #35AE69',
+                            }">
+                        <img style="width: 14px; height: 14px; margin-left: 16px" :src="
+                          errNum
+                            ? require('../../assets/images/err.png')
+                            : require('../../assets/images/success.png')
+                        " />
+                        <div style="margin-left: 8px" :style="{ color: errNum ? '#ff7474' : 'rgba(0,0,0,0.65)' }">
+                          {{ succNum }}条数据导入成功，{{ errNum }}条数据导入失败
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <div class="btnn">
+                <button class="btn1" @click="closeCodeModal">取消</button>
+                <button class="btn2" @click="closeCodeModal">确定</button>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </a-modal>
+  </div>
+</template>
+
+<script>
+import { reactive, toRefs, watch,ref,computed } from "vue";
+import { message } from "ant-design-vue";
+import { useStore } from "vuex";
+import * as api from "../../api/index1";
+import {getCookieForName} from "@/api/method";
+  export default {
+    name: "importWork",
+    components: {
+
+    },
+    props: {
+      showWork: {
+        type: Boolean,
+        default: false,
+      },
+      url: {
+        type: String,
+        default: null,
+      },
+      title:{
+        type: String,
+        default: null,
+      },
+      fileName:{
+        type: String,
+        default: 'file',
+      },
+    },
+    setup(props, ctx) {
+      const state = reactive({
+        fileType: ["xls", "xlsx"],
+        importHomeWork:
+          process.env.VUE_APP_BASE_API + props.url,
+        uploadpercent: -1,
+        uploadErr: false, //上传失败
+        addLoading: false,
+        fileList: [],
+        succNum: 0, //成功数据数
+        errNum: 0, //失败数据数
+        downloadErrUrl: null, //下载失败数据
+        fileName: "",
+      });
+      const headers = { token: getCookieForName("token") };
+
+      const closeCodeModal = () => {
+        ctx.emit("update:showWork", false);
+        state.fileList = [];
+        state.uploadpercent = -1;
+        state.uploadErr = false; //上传失败
+      };
+
+      //上传文件
+      const handleChange = (info) => {
+        if (info) {
+          var FileExt = info.file.name.replace(/.+\./, "");
+          if (["xls", "xlsx"].indexOf(FileExt.toLowerCase()) === -1) {
+            state.fileList = [];
+            state.uploadpercent = -1;
+            message.destroy();
+            message.error("请上传正确的文件格式");
+            return;
+          }
+        }
+
+        state.addLoading = true;
+        state.uploadpercent = parseInt(info.file.percent);
+        console.log("我是文件上传的进度---------->", info.file.percent);
+        const status = info.file.status;
+        console.log(info.file,'status')
+        if (status !== "uploading") {
+          // console.log(info.file, info.fileList);
+        }
+        if (status === "done") {
+          state.fileName = info.file.name;
+          if(!info.file.response.data){
+            message.error(`${info.file.name}上传失败`);
+          }
+          let i = 0;
+          let timeouts = setTimeout(() => {
+            // clearInterval(timer)
+            state.addLoading = false;
+            message.destroy(); 
+            message.error(`文件导入超时`);
+          }, 30000);
+          // let timer = setInterval(() => {
+          //   let uid = info.file.response.data;
+          //   api
+          //     .getImportStatus(uid)
+          //     .then((res) => {
+          //       console.log("查询导入状态", res);
+          //       if (res.data.code === 200) {
+          //         if (res.data.data.status !== "START") {
+          //           i++;
+          //           if (i === 1) {
+          //             message.destroy();
+          //             message.success(`${info.file.name}上传成功`);
+          //             state.addLoading = false;
+          //             props.searchTaskList && props.searchTaskList();
+          //           }
+          //           state.succNum = res.data.data.successNum;
+          //           state.errNum = res.data.data.failedNum;
+          //           state.downloadErrUrl = res.data.data.url;
+          //           console.log("props.getStudent", props.getStudent);
+          //           clearInterval(timer);
+          //           clearTimeout(timeouts);
+          //         }
+          //       } else {
+          //         state.addLoading = false;
+          //         message.destroy();
+          //         clearTimeout(timeouts);
+          //       }
+          //     })
+          //     .catch((err) => {
+          //       state.addLoading = false;
+          //       clearInterval(timer);
+          //       clearTimeout(timeouts);
+          //       console.log("查询导入状态失败", err);
+          //     });
+          // }, 500);
+        } else if (status === "error") {
+          state.uploadErr = true;
+          message.error(`${info.file.name}上传失败`);
+        }
+      };
+      //删除
+      const removeUpload = () => {
+        state.fileList = [];
+        state.uploadpercent = -1;
+        state.uploadErr = false; //上传失败
+        state.succNum = 0;
+        state.errNum = 0;
+        state.downloadErrUrl = null;
+        state.addLoading = false;
+      };
+      // 下载失败数据
+      const downloadEeeorData = () => {
+        if (state.downloadErrUrl !== "") {
+          window.open(process.env.VUE_APP_FILE_PATH + state.downloadErrUrl);
+        }
+      };
+      function downTemplate() {
+        window.open(`${process.env.VUE_APP_BASE_API}/admin/student/exportHomeWorkTemplate?taskId=${props.id || ''}&type=${props.type || ''}&pid=${props.pid || ''}&thirdType=3`);
+      }
+
+      return {
+        ...toRefs(state),
+        closeCodeModal,
+        handleChange,
+        downTemplate,
+        headers,
+        removeUpload,
+        downloadEeeorData,
+      };
+    },
+  }
+</script>
+
+<style lang="scss" scoped>
+.codeModal {
+  .ant-modal {
+    .ant-modal-content {
+      width: 479px !important;
+      .ant-modal-body {
+        .QR {
+          z-index: 11;
+          width: 700px;
+          background: #ffffff;
+          box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21);
+          position: absolute;
+          left: 50%;
+          top: 10%;
+          transform: translate(-50%, -50%);
+          .qr_header {
+            position: absolute;
+            width: calc(100%);
+            height: 40px;
+            // background: linear-gradient(
+            //   rgba(78, 166, 255, 0.2) 0%,
+            //   rgba(78, 166, 255, 0) 100%
+            // );
+          }
+          .qr_main {
+            width: 100%;
+            position: relative;
+            .qrm_header {
+              display: flex;
+              align-items: center;
+              padding-top: 20px;
+              padding-left: 26px;
+              font-size: 16px;
+              .title {
+                font-size: 16px;
+                font-weight: 600;
+                color: #333333;
+                line-height: 22px;
+              }
+              .close_exit {
+                position: absolute;
+                right: 42px;
+                cursor: pointer;
+                width: 20px;
+                height: 20px;
+                background-image: url(@/assets/images/coursewareManage/close.png);
+                background-size: 100% 100%;
+              }
+            }
+            .line{
+              height: 1px;
+              margin-top: 16px;
+              background-color: #666666;
+            }
+            .contents{
+              display: flex;
+              min-height: 500px;
+              .drawerMain {
+                min-width: 600px;
+                margin: 0px 32px 0px 32px;
+                overflow-x: auto;
+                display: flex;
+                flex-direction: column;
+
+                .header {
+                  height: 73px;
+                  border-bottom: 1px solid #e8e8e8;
+                  display: flex;
+                  justify-content: space-between;
+                  align-items: center;
+                  // background-color: red;
+                  margin-bottom: 20px;
+                  flex-shrink: 0;
+
+                  .headerTitle {
+                    font-size: 18px;
+                    font-weight: 600;
+                    color: #333333;
+                    line-height: 25px;
+                    // margin-left: 24px;
+                  }
+                }
+
+                .main {
+                  overflow-y: auto;
+
+                  .minatitl {
+                    display: flex;
+                    margin-top: 20px;
+                    .up1 {
+                      font-size: 16px;
+                      font-weight: 400;
+                      color: #333333;
+                    }
+
+                    .up2 {
+                      font-size: 16px;
+                      font-weight: 400;
+                      color: #4ea6ff;
+                      margin-left: 4px;
+                    }
+                  }
+
+                  .upload {
+                    margin-top: 32px;
+                    display: flex;
+
+                    .text {
+                      font-size: 14px;
+                      font-weight: 400;
+                      color: #333333;
+                    }
+
+                    .right {
+                      margin-left: 6px;
+
+                      .load {
+                        width: 500px;
+                        height: 176px;
+                        background: #f5f9fd;
+                        border-radius: 4px;
+                        // opacity: 0.3;
+                        border: 1px dashed #caddfd;
+                        display: flex;
+                        flex-direction: column;
+                        align-items: center;
+                        margin-bottom: 20px;
+
+                        .cloud {
+                          margin-top: 52px;
+                          width: 28px;
+                          height: 28px;
+                          background-image: url(../../assets/images/basicinfo/cloud.png);
+                        }
+
+                        .tip {
+                          font-size: 14px;
+                          font-weight: 400;
+                          color: #4ea6ff;
+                          margin-top: 15px;
+                          cursor: pointer;
+                        }
+
+                        .tipz {
+                          font-size: 14px;
+                          font-weight: 400;
+                          color: #999999;
+                          margin-top: 10px;
+                        }
+                      }
+
+                      .loadstate {
+                        width: 500px;
+                        margin-bottom: 100px;
+
+                        .loadborder {
+                          width: 500px;
+                          height: 173px;
+                          border-radius: 4px;
+                          border: 1px dashed #eaeaea;
+                          margin-bottom: 30px;
+                          display: flex;
+                          flex-direction: column;
+                          justify-content: center;
+                          position: relative;
+
+                          .content {
+                            display: flex;
+                            margin-left: 20px;
+                            position: relative;
+
+                            .defeat {
+                              width: 400px;
+                              position: absolute;
+                              left: 46px;
+                              top: 38px;
+                              font-size: 14px;
+                              font-weight: 500;
+                              justify-content: space-between;
+                            }
+
+                            .img {
+                              width: 30px;
+                              height: 34px;
+                              background-image: url(../../assets/images/basicinfo/exl.png);
+                            }
+
+                            .timebox {
+                              margin-left: 15px;
+                              margin-top: -5px;
+
+                              .timetop {
+                                display: flex;
+                                width: 262px;
+                                justify-content: space-between;
+
+                                // margin-bottom: 8px;
+                                .tit {
+                                  font-size: 14px;
+                                  font-weight: 400;
+                                  color: #333333;
+                                }
+
+                                .stateloading {
+                                  font-size: 14px;
+                                  font-weight: 400;
+                                  color: #4ea6ff;
+                                }
+
+                                .statedefeat {
+                                  font-size: 14px;
+                                  font-weight: 400;
+                                  color: #ff7474;
+                                }
+
+                                .statesucce {
+                                  font-size: 14px;
+                                  font-weight: 400;
+                                  color: #35ae69;
+                                }
+                              }
+
+                              .prog {
+                                width: 262px;
+                                height: 5px;
+                                background: #eaf1fe;
+                                border-radius: 4px;
+
+                                .inprogloading {
+                                  width: 55%;
+                                  height: 5px;
+                                  border-radius: 4px;
+
+                                  background: #4ea6ff;
+                                }
+
+                                //下载失败条
+                                .inprogdefeat {
+                                  width: 55%;
+                                  height: 5px;
+                                  border-radius: 4px;
+
+                                  background: #ff7474;
+                                }
+
+                                //下载成功条
+                                .inprogsucce {
+                                  width: 100%;
+                                  height: 5px;
+                                  border-radius: 4px;
+
+                                  background: #57c887;
+                                }
+                              }
+                            }
+
+                            .curloading {
+                              margin-left: 15px;
+                              margin-top: 15px;
+                              display: flex;
+
+                              .cur {
+                                font-size: 14px;
+                                font-weight: 400;
+                                color: #333333;
+                              }
+
+                              .cancel {
+                                font-size: 14px;
+                                font-weight: 400;
+                                color: #387df7;
+                              }
+                            }
+                          }
+
+                          .downloadErr {
+                            width: 120px;
+                            height: 32px;
+                            display: flex;
+                            align-items: center;
+                            justify-content: center;
+                            border-radius: 2px;
+                            border: 1px solid #387df7;
+                            font-size: 14px;
+                            font-weight: 400;
+                            color: #387df7;
+                            line-height: 20px;
+                            cursor: pointer;
+                            margin-left: 66px;
+                            margin-top: 16px;
+                            position: absolute;
+                            bottom: 28;
+                          }
+                        }
+                      }
+                    }
+                  }
+                }
+
+                .btnn {
+                  height: 72px;
+                  width: 100%;
+                  position: absolute;
+                  background-color: #fff;
+                  bottom: 0;
+                  left: 0;
+                  display: flex;
+                  align-items: center;
+                  justify-content: center;
+                  box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.16);
+
+                  .btn1 {
+                    width: 100px;
+                    height: 40px;
+                    border: 1px solid #4ea6ff;
+                    border-radius: 8px;
+                    color: #4ea6ff;
+                    background-color: #fff;
+                    cursor: pointer;
+                  }
+
+                  .btn2 {
+                    cursor: pointer;
+                    width: 100px;
+                    height: 40px;
+                    background: #4ea6ff;
+                    border-radius: 8px;
+                    border: 0;
+                    margin-left: 15px;
+                    color: #fff;
+                  }
+                }
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/components/project/LookExternalLecturer.vue b/src/components/project/LookExternalLecturer.vue
new file mode 100644
index 00000000..f82ab7e2
--- /dev/null
+++ b/src/components/project/LookExternalLecturer.vue
@@ -0,0 +1,432 @@
+
+<template>
+  <a-drawer :visible="visible" placement="right" :closable="false" :maskClosable="false"
+  width="80%" :title="false">
+    <!-- 外部讲师查看详情 -->
+    <div class="LookExternalLecturer">
+     <div class="header" style="margin-top: -24px;">
+        <div class="headerTitle">查看讲师</div>
+        <!-- <router-link :to="{ path: '/lecturerList', query: { activeKey: '2', } }"> -->
+          <img
+            @click="handleBack"
+            style="width: 29px; height: 29px; cursor: pointer"
+            src="../../assets/images/basicinfo/close.png"
+          />
+        <!-- </router-link> -->
+      </div>
+    <!-- <a-divider style="height: 1px; background-color: #b7b8b7 ;margin: 0;" /> -->
+    <a-layout-content>
+        <!-- 讲师信息 -->
+        <div style="width: 100%;margin-top: 10px;">
+        <span class="line" style="margin-left:12px;"></span>
+        <a-descriptions title="讲师信息" style="padding:0 20px;" bordered :column="3" :contentStyle="rowCenters" :labelStyle="rowCenter">
+            <!-- 一层 -->
+    <a-descriptions-item label="讲师头像">  <a-image
+    :width="55" style="border-radius: 50%;"
+    :src=formParam.photo
+  /></a-descriptions-item>
+    <a-descriptions-item label="讲师姓名">{{formParam.name||'-'}}</a-descriptions-item>
+    <a-descriptions-item label="手机号码">{{formParam.mobile||'-'}}</a-descriptions-item>
+    <a-descriptions-item label="供应商">{{formParam.supplier||'-'}}</a-descriptions-item>
+    <a-descriptions-item label="讲师邮箱">{{formParam.email||'-'}}</a-descriptions-item>
+  <a-descriptions-item label="授课时长" :span="2">{{formParam.teaching||'-'}} 
+    <span style="margin-left: 5px;" v-if="formParam.teaching != null">分钟</span>
+    <span style="margin-left: 10px ; padding: 2px;" v-if="formParam.teaching != null">({{
+                (formParam.teaching / 60).toFixed(2) }}小时)</span>
+  </a-descriptions-item>
+  </a-descriptions>
+  <div style="margin-top: 18px;"></div>
+  <span class="line" style="margin-left:12px;"></span>
+  <!-- 记录 -->
+  <a-descriptions title="其他信息" bordered :column="4" style="padding:0 20px;" :contentStyle="rowCenters" :labelStyle="rowCenter"  >
+            <!-- 一层 -->
+    <a-descriptions-item label="讲师介绍" :span="4" >
+      <div v-if="formParam.description !=null&&resp(formParam.description)"  style="min-width: 500px;" v-html="formParam.description" ></div>
+      <div v-else>-</div>
+     </a-descriptions-item>
+    <a-descriptions-item label="备注" :span="4">
+      <div v-if="formParam.remark ==null || formParam.remark =='<p><br></p>'"  style="min-width: 500px;">-  </div>
+      <div style="min-width: 500px;">{{formParam.remark  ===null?'':formParam.remark}}</div>
+      <!-- </a-tag>
+      </div> -->
+    </a-descriptions-item>
+  </a-descriptions>
+  <!--  -->
+  <div style="margin-top: 9px;"></div>
+  <a-tabs v-model:activeKey="activeKey" style="padding:0 20px;">
+    <a-tab-pane key="1" tab="授课记录">
+      <a-table :header-cell-style="{ 'text-align': 'center' }" :columns="teacherrecordsColumns"
+        :sroll="{ x: '1000' }"
+        :data-source="teacherrecordstableData" :loading="teacherrecordsLoading" @expand="expandTable" :pagination="pagination">
+        
+      </a-table>
+       </a-tab-pane>
+   
+  </a-tabs>
+</div>
+    </a-layout-content>
+    </div>
+  </a-drawer>
+</template>
+<script lang ="jsx">
+import { useRouter,useRoute } from "vue-router";
+import { reactive, toRefs, ref,computed,watch } from "vue"
+import {getTeacherById} from "../../api/Lecturer"; 
+import { getNewInTeacherCourseList  } from "../../api/Teaching";
+// import boe from '@/assets/boe.jpg'
+import avatar from '@/assets/avatar.png'
+import dayjs from "dayjs";
+export default{
+    name :"LookExternalLecturer",
+    components:{
+
+    },
+    props:{
+      visible:{
+        type: Boolean,
+        default: false,
+      },
+      id:{
+        type: String,
+        default: ""
+      }
+    },
+    setup(props,emits){
+        const router=useRouter();
+        const state = reactive({
+            activeKey:'1',
+            formParam: {
+      },
+      promotionrecordsLoading: false,  //晋级记录遮罩层
+      teacherrecordsLoading: false,// 授课记录遮罩层
+      teacherrecordstableDataTotal: 0,//授课记录列表总条数
+      teacherrepromotableDataTotal: -1,//晋级记录总条数
+      teacherrecords: {
+        recordType:2,
+        pageNo: "1",
+        pageSize: "10",
+        id: null
+      },
+      teacherrepromo:{
+        id:null,
+        pageNo: "1",
+        pageSize: "10",
+      }
+        });
+    watch(()=>props.visible,(val)=>{
+      if(val){
+        TeacherSystem(props.id)
+      }else{
+        state.formParam = {}
+        teacherrecordstableData.value = []
+      }
+    })
+          //外部讲师详情
+    const TeacherSystem = (id) => {
+      getTeacherById({id,}).then((res) => {
+        console.log("内部讲师详情", res.data);
+        state.formParam = res.data.data
+        state.formParam.photo = state.formParam.photo ===null ?avatar : state.formParam.photo
+        state.formParam.teachingDate = res.data.data.teachingDate ? dayjs(res.data.data.teachingDate, 'YYYY-MM-DD HH:mm'):'',
+        getteacherrecordstableData()
+      })
+        .catch((err) => {
+          console.log("内部讲师详情", err);
+        });
+    }
+           //返回上一层
+    const handleBack=()=>{
+      emits.emit('update:visible',false)
+    };
+        //授课记录列表
+        const teacherrecordsColumns = ref([
+      // {
+      //   title: '课程编号',
+      //   dataIndex: 'offcourseId',
+      //   key: 'offcourseId',
+      //   ellipsis: true, align: "center",
+      //   width: 120,
+      // },
+      {
+        title: '课程编号',
+        dataIndex: 'courseId',
+        key: 'courseId',
+         align: "center",
+         customRender: ({text, index})=>{
+                return index+1;
+            },    
+        width: 120,
+      },
+      {
+        title: '课程名称',
+        dataIndex: 'courseName',
+        key: 'courseName',
+        ellipsis: true, align: "center",
+        width: 120,
+      },
+      {
+        title: '课程日期',
+        dataIndex: 'teachingDate',
+        key: 'teachingDate',
+        ellipsis: true, align: "center",
+        width: 200,
+        customRender: (value) => {
+          return (
+            <div>
+              {dayjs(value.record?.teachingDate).format("YYYY-MM-DD HH:mm")}
+            </div>
+          );
+        },
+      },
+      {
+        title: '内容分类',
+        dataIndex: 'courseTypeName',
+        key: 'courseTypeName',
+        ellipsis: true, align: "center",
+        width: 120,
+      },
+      {
+        title: '课程类型',
+        dataIndex: 'type',
+        key: 'type',
+        ellipsis: true, align: "center",
+        width: 120,
+        customRender: (value) => {
+          return (
+              <div>
+                {String(value.record.type)
+                  ? {
+                    "0": "在线课",
+                    "1": "面授课",
+                    "2": "课程开发",
+                    "3": "作业员入模培训",
+                    "4": "其他",
+                  }[value.record.type + ""]
+                  : "-"}
+              </div>
+            )
+        }
+      },
+      {
+        title: '学习总人数',
+        dataIndex: 'studys',
+        key: 'studys',
+        ellipsis: true, align: "center",
+        width: 120,
+      },
+      {
+        title: '授课时长(分钟)',
+        dataIndex: 'teaching',
+        key: 'teaching',
+        ellipsis: true, align: "center",
+        width: 120,
+      },
+      {
+        title: '评分',
+        dataIndex: 'score',
+        key: 'score',
+        ellipsis: true, align: "center",
+        width: 120,
+      },
+      {
+        title: '开课状态',
+        dataIndex: 'courseStatus',
+        key: 'courseStatus',
+        ellipsis: true, align: "center",
+        width: 120,
+        customRender: (value) => {
+          return (
+            <div>
+              {value.record.courseStatus == 0 || value.record.courseStatus == 1
+                ? {
+                  "0": "未开课",
+                  "1": "开课",
+                }[value.record.courseStatus + ""] || ""
+                : "-"}
+            </div>
+          )
+        }
+      },
+      {
+        title: '备注',
+        dataIndex: 'remark',
+        key: 'remark',
+        ellipsis: true, align: "center",
+        width: 120,
+        customRender: (text)=>{
+          return (
+            <div>
+              {text.record.remark || "-"}
+            </div>
+          )
+        }, 
+      },
+    ])
+    //授课记录列表数据
+    const teacherrecordstableData = ref([
+    ])
+    const getteacherrecordstableData = () => {
+      state.teacherrecordsLoading = true
+      state.teacherrecords.name  = state.formParam.name
+      let obj = { ...state.teacherrecords }
+      // api接口
+      getNewInTeacherCourseList(obj).then((res) => {
+        teacherrecordstableData.value = res.data.data.records
+        state.teacherrecordstableDataTotal = Number(res.data.data.total);
+        state.teacherrecordsLoading = false
+      })
+    };
+    const pagination = computed(() => ({
+      total: state.teacherrecordstableDataTotal,
+      showSizeChanger: true,
+      showQuickJumper:true,
+      current: state.teacherrecords.pageNo,
+      pageSize: state.teacherrecords.pageSize,
+      onChange: paginationChange,
+    }));
+    const paginationChange = (e,pageSize) => {
+      state.teacherrecords.pageNo = e;
+      state.teacherrecords.pageSize = pageSize
+      getteacherrecordstableData();
+    };
+    //授课翻页
+    const teacherchangePagination = (page) => {
+       state.searchParam.pageNo = page;
+      // state.pageNo = page;
+      state.searchParam.pageSize = pageSize;
+      getTableDate();
+      state.teacherrecords.pageNo = page;
+      getteacherrecordstableData();
+    };
+    const resp = (val) => {
+      if(val){
+        const reg = /<[^<>]+>/g;
+        const value = val.replace(reg, "");
+        return value
+      }
+
+
+    }
+        return{
+            ...toRefs(state),
+            router,
+            resp,
+            TeacherSystem,
+            handleBack,
+            rowCenter:{"text-align":"center",'width':'120px'},
+            rowCenters:{'min-width':'176px'},
+            teacherrecordstableData,
+      teacherrecordsColumns,
+      getteacherrecordstableData,
+      teacherchangePagination,
+      pagination,
+      paginationChange,
+        }
+    }
+}
+</script>
+<style lang="scss" scoped>
+
+.LookExternalLecturer {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  .header {
+    padding: 0px 32px;
+    height: 73px;
+    border-bottom: 1px solid #e8e8e8;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    // background-color: red;
+    // margin-bottom: 20px;
+    flex-shrink: 0;
+
+    .headerTitle {
+      font-size: 18px;
+      font-weight: 600;
+      color: #333333;
+      line-height: 25px;
+      // margin-left: 24px;
+    }
+  }
+  .filter {
+    margin-left: 38px;
+    margin-right: 38px;
+    margin-top: 30px;
+    display: flex;
+    justify-content: space-between;
+    flex-wrap: wrap;
+      .select {
+        margin-right: 20px;
+        margin-bottom: 20px;
+      }
+    }
+}
+.backbtn{
+    float: right;
+    margin-right: 20px;
+  border: none;
+  color: #4ea6ff;
+  width: 80px;
+  height:64px 
+}
+//小竖线
+.line{
+  float:left; width: 3px; height: 25px; background: #4ea6ff;border-radius: 30%; margin-right: 5px;
+}
+::v-deep .ant-descriptions-header{
+    margin-bottom: 18px ;
+    margin-top: 18px;
+}
+.goback {
+        float: right;
+        padding-right: 70px;
+        //padding-top: 37px;
+        position: relative;
+
+        .return {
+          display: inline-block;
+          width: 42px;
+          height: 42px;
+          margin-top: 12px;
+          margin-right: 10px;
+          background-image: url("../../assets/images/projectadd/return.png");
+        }
+
+        .returntext {
+          display: inline-block;
+          position: absolute;
+          top: 12px;
+          color: #4ea6ff;
+          font-size: 14px;
+        }
+      }
+      
+::v-deep .ant-select-selection-overflow-item {
+  margin-top: -2px;
+}
+
+::v-deep .ant-select-multiple .ant-select-selection-item {
+  height: 34px
+}
+.tableBox {
+padding-bottom: 20px;
+margin: 20px 38px 30px;
+::v-deep .ant-select-dropdown{
+ display: inline-block;
+}
+::v-deep .ant-select-selection-item{
+margin-left: 3px;
+}
+::v-deep .ant-pagination-options-size-changer.ant-select{
+width: 84px;
+}
+.pa {
+width: 100%;
+display: flex;
+justify-content: right;
+}
+}
+</style>
\ No newline at end of file
diff --git a/src/components/project/LookInsideLecturer.vue b/src/components/project/LookInsideLecturer.vue
new file mode 100644
index 00000000..891b2778
--- /dev/null
+++ b/src/components/project/LookInsideLecturer.vue
@@ -0,0 +1,569 @@
+<template>
+    <a-drawer :visible="visible" placement="right" :closable="false" :maskClosable="false"
+      width="80%" :title="false">
+      <!-- 内部讲师查看详情 -->
+      <div class="LookInsideLecturer">
+      <div class="header" style="margin-top: -24px;">
+          <div class="headerTitle">查看讲师</div>
+          <!-- <router-link :to="{ path: '/lecturerList', query: { activeKey: '1', } }"> -->
+            <img
+              @click="handleClose"
+              style="width: 29px; height: 29px; cursor: pointer"
+              src="../../assets/images/basicinfo/close.png"
+            />
+          <!-- </router-link> -->
+        </div>
+      <a-layout-content>
+          <!-- 讲师信息 -->
+          <div style="width: 100%;margin-top: 10px;padding: 20px;">
+          <span class="line"></span>
+          <a-descriptions title="讲师信息" bordered :column="4" :contentStyle="rowCenter" :labelStyle="rowCenters">
+              <!-- 一层 -->
+      <a-descriptions-item label="讲师头像">
+        <a-image :width="55" style="border-radius: 50%;" :src=formParam.photo />
+      </a-descriptions-item>
+      <a-descriptions-item label="讲师姓名">{{formParam.name}}/{{formParam.userNo}}</a-descriptions-item>
+      <a-descriptions-item label="讲师体系">{{formParam.tsystemName || '-'}}</a-descriptions-item>
+      <!-- 二层 -->
+      <a-descriptions-item label="讲师级别">{{formParam.tlevelName||'-'}}</a-descriptions-item>
+      <a-descriptions-item label="认证状态">{{ formParam.certStatus==0?'未认证' :formParam.certStatus==1 ?'已认证':'-'}}
+        <span>
+                    <a-button type="text" class="moreidbtn" v-if="formParam.certStatus == 1"
+                      @click="handleup">查看认证资料</a-button>
+                  </span>
+      </a-descriptions-item>
+      <a-descriptions-item label="授课时长"> <span v-if="formParam.teaching!= null" >{{ (Number(formParam.teaching) /60 ).toFixed(2)}}小时</span><span v-else>-</span>
+            </a-descriptions-item>
+      <a-descriptions-item label="发薪地  ">{{formParam.salaryName||'-'}}</a-descriptions-item>
+      <!-- 三层 -->
+      <a-descriptions-item label="在职状态">{{formParam.waitStatus=='0'?'在职' :formParam.waitStatus=='1' ?'离职':'-'}}</a-descriptions-item>
+      <a-descriptions-item label="账号状态">{{formParam.status=='0'?'临时' :formParam.status=='1' ?'启用':formParam.status==2 ?'停用':'-'}}</a-descriptions-item>
+      <a-descriptions-item label="创建方式">{{formParam.createFrom=='0'?'自动录入' :formParam.createFrom=='1'?'手动录入':'-'}}</a-descriptions-item>
+      <a-descriptions-item style="max-width: 400px;" label="所属组织" >
+        <span :title="formParam.orgName">{{ formParam.orgNames || '-' }}</span>
+      </a-descriptions-item>
+    </a-descriptions>
+    <div style="margin-top: 10px;"></div>
+    <span class="line" ></span>
+    <a-descriptions title="其他信息" bordered :column="4" :contentStyle="rowCenter" :labelStyle="rowCenters"  >
+              <!-- 一层 -->
+      <a-descriptions-item style="max-width: 200px;" label="讲师介绍" :span="4" >
+        <div v-if="formParam.description !=null&&resp(formParam.description)"  style="min-width: 500px;" v-html="formParam.description" ></div>
+        <div v-else>-</div>
+      </a-descriptions-item>
+      <a-descriptions-item label="工作职责" :span="4">
+        <div v-if="formParam.workExperience !=null&&resp(formParam.workExperience)"  style="min-width: 500px;" v-html="formParam.workExperience" ></div>
+        <div v-else>-</div>
+        </a-descriptions-item>
+      <a-descriptions-item label="擅长课程" :span="4">
+        <div v-if="formParam.courses !=null&&resp(formParam.courses)"  style="min-width: 500px;" v-html="formParam.courses" ></div>
+        <div v-else>-</div>
+        </a-descriptions-item>
+      <a-descriptions-item label="教师专长" :span="4">
+        <a-tag v-if="formParam.expertiseNames" color="blue" style="margin-right:10px" v-for="item in formParam.expertiseNames?.split(',')">{{item}}</a-tag>
+        <span v-else>-</span>
+      </a-descriptions-item>
+    </a-descriptions>
+    <!-- 记录 -->
+    <div style="margin-top: 8px;"></div>
+    <a-tabs v-model:activeKey="activeKey">
+      <a-tab-pane key="1" tab="授课记录">
+        <a-table :header-cell-style="{ 'text-align': 'center' }" :columns="teacherrecordsColumns"
+          
+          :data-source="teacherrecordstableData" :loading="teacherrecordsLoading" :scroll="{ x: '1000' }" :pagination="pagination">
+        </a-table>
+        <div style="float: right;">
+          <a-pagination
+            v-if="tableDataTotal > 10"
+          :showSizeChanger="true"
+          :showQuickJumper="false"
+          :hideOnSinglePage="false"
+          :pageSize="searchParam.pageSize"
+          :current="searchParam.pageNo"
+          :total="tableDataTotal"
+          class="pagination"
+          @change="changePagination"
+        />
+            </div>
+        </a-tab-pane>
+      <a-tab-pane key="2" tab="晋级记录">
+        <a-table :header-cell-style="{ 'text-align': 'center' }" style="border: 1px solid #f2f6fe" :columns="promotionrecordsColumns"
+          
+            :data-source="promotionrecordstableData" :loading="promotionrecordsLoading" @expand="expandTable" :pagination="false">
+            <template #bodyCell="{ record, column,index }" >
+            </template>
+          </a-table>
+          <div style="float: right;">
+            <a-pagination
+            v-if="teacherrepromotableDataTotal > 10"
+          :showSizeChanger="true"
+          :showQuickJumper="false"
+          :hideOnSinglePage="true"
+          :pageSize="teacherrepromo.pageSize"
+          :current="teacherrepromo.pageNo"
+          :total="teacherrepromotableDataTotal"
+          class="pagination"
+          @change="teacherrepromoPagination"
+        />
+            </div>
+        </a-tab-pane>
+    </a-tabs>
+  </div>
+      </a-layout-content>
+      </div>
+    </a-drawer>
+</template>
+<script lang ="jsx">
+import { useRouter,useRoute } from "vue-router";
+import { reactive, toRefs, ref,  computed,watch } from "vue"
+import { useStore } from "vuex";
+import {getTeacherById ,getTeacherLogList} from "../../api/Lecturer"; 
+import { getNewInTeacherCourseList  } from "../../api/Teaching";
+import avatar from '@/assets/avatar.png'
+import Avatarman from '@/assets/Avatarman.png'
+import Avatarwoman from '@/assets/Avatarwoman.png'
+import dayjs from "dayjs";
+export default{
+    name :"LookInsideLecturer",
+    components:{
+
+    },
+    props:{
+      visible:{
+        type: Boolean,
+        default: false,
+      },
+      id:{
+        type: String,
+        default: ""
+      }
+    },
+    setup(props,emits){
+      const router=useRouter();
+      const state = reactive({
+      activeKey:'1',
+      formParam: {
+      },
+      promotionrecordsLoading: false,  //晋级记录遮罩层
+      teacherrecordsLoading: false,// 授课记录遮罩层
+      teacherrecordstableDataTotal: 0,//授课记录列表总条数
+      teacherrepromotableDataTotal: -1,//晋级记录总条数
+      teacherrecords: {
+        recordType:1,
+        pageNo: "1",
+        pageSize: "10",
+        id: null
+      },
+      teacherrepromo:{
+        userId:null,
+        pageNo: "1",
+        pageSize: "10",
+      }
+        });
+        watch(() => props.visible, (val) => {
+          console.log(val,'xixixiixix')
+          if(val){
+            const id = props.id
+            TeacherSystem(id)
+          }
+        })
+    const isOrgNames = (val) => {
+      if(val){
+        const parts = val.split('/');
+        const reversedParts = parts.reverse();
+        state.formParam.orgNames = reversedParts.join('/'); 
+      }
+    }
+    const handleClose = () => {
+      emits.emit('update:visible',false)
+    }
+          //内部讲师详情
+    const TeacherSystem = (id) => {
+      getTeacherById({id,}).then((res) => {
+        let objA= res.data.data
+        console.log(objA ,'11111111111')
+          state.formParam = objA
+        state.formParam.photo = state.formParam.photo ==null ?
+        state.formParam.gender == 1 ? Avatarman : 
+        state.formParam.gender ==2 ? Avatarwoman : avatar : state.formParam.photo
+        state.teacherrepromo.userId=res.data.data.id
+        console.log(state.teacherrepromo.id);
+        isOrgNames(state.formParam.orgName)
+        getteacherrecordstableData()
+        promotionrecordstableData.value = res.data.data.levelLogList
+      })
+        .catch((err) => {
+          console.log("内部讲师详情", err);
+        });
+    }
+    const resp = (val) => {
+      if(val){
+        const reg = /<[^<>]+>/g;
+        const value = val.replace(reg, "");
+        return value
+      }
+    }
+        //授课记录列表
+        const teacherrecordsColumns = ref([
+      {
+        title: '课程编号',
+        dataIndex: 'courseId',
+        key: 'courseId',
+         align: "center",
+         customRender: ({text, index})=>{
+                return index+1;
+            },
+            
+        width: 120,
+      },
+      {
+        title: '课程名称',
+        dataIndex: 'courseName',
+        key: 'courseName',
+        ellipsis: true,
+        align: "center",
+        width: 120,
+      },
+      {
+        title: '课程日期',
+        dataIndex: 'teachingDate',
+        key: 'teachingDate',
+        ellipsis: true, align: "center",
+        width: 200,
+        customRender: (value) => {
+          return (
+            <div>
+              {dayjs(value.record?.teachingDate).format("YYYY-MM-DD HH:mm")}
+            </div>
+          );
+        },
+      },
+      {
+          title: "内容分类",
+          width: 100,
+          dataIndex: "courseTypeName",
+          ellipsis: true,
+          key: "keywords",
+          align: "center",
+        },
+      {
+        title: '课程类型',
+        dataIndex: 'type',
+        key: 'type',
+        ellipsis: true, align: "center",
+        width: 120,
+        customRender: (value) => {
+          return (
+              <div>
+                {String(value.record.type)
+                  ? {
+                    "0": "在线课",
+                    "1": "面授课",
+                    "2": "课程开发",
+                    "3": "作业员入模培训",
+                    "4": "其他",
+                  }[value.record.type + ""]
+                  : "-"}
+              </div>
+            )
+        }
+      },
+      {
+        title: '学习总人数',
+        dataIndex: 'studys',
+        key: 'studys',
+        ellipsis: true, align: "center",
+        width: 120,
+      },
+      {
+        title: '授课时长(分钟)',
+        dataIndex: 'teaching',
+        key: 'teaching',
+        ellipsis: true, align: "center",
+        width: 120,
+      },
+      {
+        title: '评分',
+        dataIndex: 'score',
+        key: 'score',
+        ellipsis: true, align: "center",
+        width: 120,
+      },
+      {
+        title: '开课状态',
+        dataIndex: 'courseStatus ',
+        key: 'courseStatus ',
+        ellipsis: true, align: "center",
+        width: 120,
+        customRender: (value) => {
+          return (
+            <div>
+              {value.record.courseStatus == 0 || value.record.courseStatus == 1
+                ? {
+                  "0": "未开课",
+                  "1": "开课",
+                }[value.record.courseStatus + ""] || ""
+                : "-"}
+            </div>
+          )
+        }
+      },
+      {
+        title: '备注',
+        dataIndex: 'remark ',
+        key: 'remark ',
+        ellipsis: true,
+        align: "center",
+        width: 120,
+        customRender: (value) => {
+          return (
+            <div>{value.record.remark || '-'}</div>
+          )
+        }
+      },
+    ])
+    //授课记录列表数据
+    const teacherrecordstableData = ref([
+    ])
+    const getteacherrecordstableData = () => {
+      state.teacherrecordsLoading = true
+      state.teacherrecords.name = state.formParam.name
+      let obj = { ...state.teacherrecords }
+      // api接口
+      getNewInTeacherCourseList(obj).then((res) => {
+        console.log(res);
+        teacherrecordstableData.value = res.data.data.records
+        state.teacherrecordstableDataTotal = Number(res.data.data.total);
+        state.teacherrecordsLoading = false
+      
+      })
+    };
+    const pagination = computed(() => ({
+      total: state.teacherrecordstableDataTotal,
+      showSizeChanger: true,
+      showQuickJumper:true,
+      current: state.teacherrecords.pageNo,
+      pageSize: state.teacherrecords.pageSize,
+      onChange: paginationChange,
+    }));
+    const paginationChange = (e,pageSize) => {
+      state.teacherrecords.pageNo = e;
+      state.teacherrecords.pageSize = pageSize
+      getteacherrecordstableData();
+    };
+    //授课翻页
+    const teacherchangePagination = (page) => {
+      state.teacherrecords.pageNo = page;
+      // state.pageNo = page;
+      state.teacherrecords.pageSize = pageSize;
+      getteacherrecordstableData();
+    };
+    //晋级记录翻页
+    const teacherrepromoPagination = (page) => {
+      state.teacherrepromo.pageNo = page;
+      // getpromotionrecordstableData();
+    };
+        //晋级记录列表
+        const promotionrecordsColumns = ref([
+      {
+        title: '变更时间',
+        dataIndex: 'createTime',
+        key: 'createTime',
+        ellipsis: true, align: "center",
+        width: 120,
+      },
+      {
+        title: '变更方式',
+        dataIndex: 'type',
+        key: 'type',
+        ellipsis: true, align: "center",
+        width: 120,
+        customRender: (value) => {
+          return (
+            <div>
+              {value.record.type == 1 ? "自动" : value.record.type == 0 ? '手动':"-"}
+            </div>
+          )
+        }
+      },
+      {
+        title: '变更结果',
+        dataIndex: 'result',
+        key: 'result',
+        ellipsis: true, align: "center",
+        width: 120,
+      },
+      {
+        title: '操作人',
+        dataIndex: 'updateName',
+        key: 'updateName',
+        ellipsis: true, align: "center",
+        width: 120,
+      },
+    ])
+    //晋级记录列表数据
+    const promotionrecordstableData = ref([
+    ])
+    // const getpromotionrecordstableData = () => {
+    //   state.promotionrecordsLoading = true
+    //   // state.teacherrepromo.kid = state.kid
+    //   getTeacherLogList(state.teacherrepromo).then((res) => {
+    //     promotionrecordstableData.value = res.data.data.records
+    //     state.teacherrepromotableDataTotal = Number(res.data.data.total);
+    //   })
+    //   state.promotionrecordsLoading = false
+    // };
+    const goback = ()=>{
+      router.back()
+    }
+    const store = useStore();
+    //  // 内容分类
+    //  const sysTypeOptions = computed(() => {return store.state.content_type;});
+    //     //内容分类
+    //     const getSysTypeMap = (code) => {
+    //   if(code=="")return
+    //   // console.log(store.state.sysTypeMap,'map集合');
+    //   return store.state.sysTypeMap.get(code)
+    // }
+    // getSysTypeMap()
+const handleup = ()=>{
+  window.open (
+    `${process.env.VUE_APP_BOE_API_URL}/upload${state.formParam.certification}`
+  );
+}
+        return{
+            ...toRefs(state),
+            router,
+            goback,
+            handleup,
+            // getSysTypeMap,
+            // sysTypeOptions,
+            TeacherSystem,
+            handleClose,
+            isOrgNames,
+            rowCenter:{"text-align":"left",'min-width':'176px'},
+            rowCenters:{"text-align":"center",'width':'160px','min-width':'110px'},
+            teacherrecordstableData,
+      teacherrecordsColumns,
+      resp,
+      getteacherrecordstableData,
+      teacherchangePagination,
+      pagination,
+      paginationChange,
+      teacherrepromoPagination,
+      promotionrecordsColumns,
+      promotionrecordstableData,
+      // getpromotionrecordstableData,
+        }
+    }
+}
+</script>
+<style lang="scss" scoped>
+.LookInsideLecturer {
+  .header {
+    padding: 0px 32px;
+    height: 73px;
+    border-bottom: 1px solid #e8e8e8;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    // background-color: red;
+    // margin-bottom: 20px;
+    flex-shrink: 0;
+
+    .headerTitle {
+      font-size: 18px;
+      font-weight: 600;
+      color: #333333;
+      line-height: 25px;
+      // margin-left: 24px;
+    }
+  }
+  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;
+      .select {
+        margin-right: 20px;
+        margin-bottom: 20px;
+      }
+    }
+}
+.backbtn{
+    float: right;
+    margin-right: 20px;
+  border: none;
+  color: #4ea6ff;
+  width: 80px;
+  height:64px 
+}
+//小竖线
+.line{
+  float:left; width: 3px; height: 25px; background: #4ea6ff;border-radius: 30%; margin-right: 5px;
+}
+::v-deep .ant-descriptions-header{
+    margin-bottom: 18px ;
+}
+.goback {
+        float: right;
+        padding-right: 70px;
+        //padding-top: 37px;
+        position: relative;
+
+        .return {
+          display: inline-block;
+          width: 42px;
+          height: 42px;
+          margin-top: 12px;
+          margin-right: 10px;
+          background-image: url("../../assets/images/projectadd/return.png");
+        }
+
+        .returntext {
+          display: inline-block;
+          position: absolute;
+          top: 12px;
+          color: #4ea6ff;
+          font-size: 14px;
+        }
+      }
+      .moreidbtn {
+  border: none;
+  color: #4ea6ff;
+  width: 80px
+}
+
+::v-deep .ant-select-selection-overflow-item {
+  margin-top: -2px;
+}
+
+::v-deep .ant-select-multiple .ant-select-selection-item {
+  height: 34px
+}
+.tableBox {
+padding-bottom: 20px;
+margin: 20px 38px 30px;
+::v-deep .ant-select-dropdown{
+ display: inline-block;
+}
+::v-deep .ant-select-selection-item{
+margin-left: 3px;
+}
+::v-deep .ant-pagination-options-size-changer.ant-select{
+width: 84px;
+}
+.pa {
+width: 100%;
+display: flex;
+justify-content: right;
+}
+}
+</style>
\ No newline at end of file
diff --git a/src/components/project/OrgClass.vue b/src/components/project/OrgClass.vue
index dd592694..56653ed1 100644
--- a/src/components/project/OrgClass.vue
+++ b/src/components/project/OrgClass.vue
@@ -16,9 +16,8 @@
     v-model:value="labelValue"
     style="width: 100%"
     :dropdown-style="{ maxHeight: '400px', overflow: 'auto' }"
-    placeholder="请选择归属组织"
+    :placeholder="placeholder"
     :labelInValue="true"
-    allow-clear
     v-model:treeExpandedKeys="stuTreeExpandedKeys"
     :loading="orgLoading"
     :load-data="onLoadData"
@@ -46,6 +45,10 @@ const props = defineProps({
     type: Boolean,
     default: false,
   },
+  placeholder: {
+    type: String,
+    default: "请选择归属组织"
+  }
 });
 const emit = defineEmits({});
 const stuTreeExpandedKeys = ref([]);
diff --git a/src/components/project/ProjectManagerLecturer.vue b/src/components/project/ProjectManagerLecturer.vue
new file mode 100644
index 00000000..1cf51527
--- /dev/null
+++ b/src/components/project/ProjectManagerLecturer.vue
@@ -0,0 +1,108 @@
+<template>
+  <a-select
+      :getPopupContainer="
+        (triggerNode) => {
+          return triggerNode.parentNode || document.body;
+        }
+      "
+      v-model:value="managerArray"
+      :placeholder="placeholder"
+      :options="options"
+      allowClear
+      showSearch
+      mode="multiple"
+      :disabled="disabled"
+      @search="searchMember"
+      @change="change"
+      @blur="blur"
+      @focus="focus"
+      :show-arrow="true"
+      style="width: 100%"
+      :maxTagTextLength="3"
+      :maxTagCount="4"
+  >
+    <template v-if="loading" #notFoundContent>
+      <a-spin size="small"/>
+    </template>
+  </a-select>
+</template>
+<script setup>
+import {computed, defineEmits, defineProps, onMounted, ref, watch} from "vue";
+import {throttle} from "@/api/method";
+import {getUserList} from "@/api/Lecturer.js";
+
+const props = defineProps({
+  disabled: Boolean,
+  placeholder: {
+    type: String,
+    default: "请输入搜索关键字",
+  },
+  arrayList:{
+    type: Array,
+    default: ()=>[]
+  },
+  type: {
+    type: Number,
+    default: 0
+  },
+  value: {
+    type: String,
+    default: ''
+  }
+})
+const emit = defineEmits({})
+const managerArray = ref([])
+const loading = ref(false)
+onMounted(()=>{
+  managerArray.value = props.arrayList
+  options.value = props.arrayList
+})
+watch(()=>props.arrayList, ()=>{
+  managerArray.value = props.arrayList
+})
+const options = ref([])
+const keyword = ref('')
+const getList = () => {
+  loading.value = true
+  getUserList(keyword.value).then(res=>{
+    loading.value = false
+    if(res.data.code == 200){
+      options.value = res.data.data.list.map(e => ({
+        label: e.realName + e.userNo,
+        value: e.id,
+        userId: e.id,
+        userNo: e.userNo,
+        userName: e.realName,
+      }))
+      // console.log(options.value,'xixixixi')
+    }
+  }).catch(()=>{
+    loading.value = false
+    options.value =[]
+  })
+}
+const throttList = throttle(getList, 600);
+//搜索学员
+const searchMember = (val) => {
+  keyword.value = val
+  throttList()
+};
+const focus = () => {
+  keyword.value = ''
+  getList()
+}
+function blur() {
+  keyword.value = ''
+}
+
+function change(e, l) {
+  console.log(e, l,'xixixixiixix')
+  keyword.value = ''
+  l?.map(item => item.type = props.type)
+  if (Array.isArray(l)) {
+    emit('update:arrayList',l)
+    emit('update:value', l.map(t => t.value).join(','))
+  }
+}
+
+</script>
diff --git a/src/components/project/ProjectManagerNew.vue b/src/components/project/ProjectManagerNew.vue
index 89168346..1572e273 100644
--- a/src/components/project/ProjectManagerNew.vue
+++ b/src/components/project/ProjectManagerNew.vue
@@ -29,7 +29,7 @@
 <script setup>
 import {computed, defineEmits, defineProps, onMounted, ref, watch} from "vue";
 import {useThrottlePage} from "@/api/request";
-import {USER_LIST} from "@/api/apis";
+import {USER_LIST_NEW} from "@/api/apis";
 
 const props = defineProps({
   value: {
@@ -56,12 +56,12 @@ const emit = defineEmits({})
 
 const isOpen = ref(false)
 
-const memberParam = ref({keyword: '', pageNo:1, pageSize: 20})
+const memberParam = ref({name: '', pageNo:1, pageSize: 20})
 
-const {data: userList, loading} = useThrottlePage(USER_LIST, memberParam.value, false)
+const {data: userList, loading} = useThrottlePage(USER_LIST_NEW, memberParam.value, false)
 
 const options = computed(() => userList.value.filter(e => !(props.value + '').includes(e.id)).map(e => ({
-  label: e.realName + e.userNo,
+  label: e.name + '(' + e.mobile + ')',
   value: e.id //,
   // ...e,
   // audienceList: null
@@ -93,18 +93,18 @@ const searchMember = (keyword) => {
   isOpen.value = true
   userList.value = []
   memberParam.value.pageNo = 1
-  memberParam.value.keyword = keyword
+  memberParam.value.name = keyword
   console.log('searchMember', memberParam.value)
 };
 
 function blur() {
   isOpen.value = false
-  memberParam.value.keyword = ''
+  memberParam.value.name = ''
   memberParam.value.pageNo = 1
 }
 
 function change(e, l) {
-  memberParam.value.keyword = ''
+  memberParam.value.name = ''
   memberParam.value.pageNo = 1
   isOpen.value = false
   Array.isArray(l) && (selectOptions.value = l)
diff --git a/src/components/project/ProjectManagerNewTeacher.vue b/src/components/project/ProjectManagerNewTeacher.vue
index d2736958..c6ad9a18 100644
--- a/src/components/project/ProjectManagerNewTeacher.vue
+++ b/src/components/project/ProjectManagerNewTeacher.vue
@@ -29,7 +29,7 @@
 <script setup>
 import {computed, defineEmits, defineProps, onMounted, ref, watch} from "vue";
 import {useThrottlePage} from "@/api/request";
-import {USER_LIST} from "@/api/apis";
+import {USER_LIST_NEW} from "@/api/apis";
 
 const props = defineProps({
   value: {
@@ -56,12 +56,12 @@ const emit = defineEmits({})
 
 const isOpen = ref(false)
 
-const memberParam = ref({keyword: '', pageNo:1, pageSize: 20})
+const memberParam = ref({name: '', pageNo:1, pageSize: 20})
 
-const {data: userList, loading} = useThrottlePage(USER_LIST, memberParam.value, false)
+const {data: userList, loading} = useThrottlePage(USER_LIST_NEW, memberParam.value, false)
 
 const options = computed(() => userList.value.filter(e => !(props.value + '').includes(e.id)).map(e => ({
-  label: e.realName + e.userNo,
+  label: e.name + '(' + e.mobile + ')' ,
   value: e.id // ,
   // ...e,
   // audienceList: null
@@ -93,18 +93,18 @@ const searchMember = (keyword) => {
   isOpen.value = true
   userList.value = []
   memberParam.value.pageNo = 1
-  memberParam.value.keyword = keyword
+  memberParam.value.name = keyword
   console.log('searchMember', memberParam.value)
 };
 
 function blur() {
   isOpen.value = false
-  memberParam.value.keyword = ''
+  memberParam.value.name = ''
   memberParam.value.pageNo = 1
 }
 
 function change(e, l) {
-  memberParam.value.keyword = ''
+  memberParam.value.name = ''
   memberParam.value.pageNo = 1
   isOpen.value = false
   Array.isArray(l) && (selectOptions.value = l)
diff --git a/src/components/project/ProjectManagerOutTeacher.vue b/src/components/project/ProjectManagerOutTeacher.vue
new file mode 100644
index 00000000..66c1e201
--- /dev/null
+++ b/src/components/project/ProjectManagerOutTeacher.vue
@@ -0,0 +1,140 @@
+<template>
+  <a-select
+      :getPopupContainer="
+                          (triggerNode) => {
+                            return triggerNode.parentNode || document.body;
+                          }
+                        "
+      v-model:value="managerArray"
+      :placeholder="placeholder"
+      :filterOption="false"
+      :options="isOpen?options:selectOptions"
+      allowClear
+      showSearch
+      :disabled="disabled"
+      @popupScroll="memberScroll"
+      @search="searchMember"
+      :open="isOpen"
+      @change="change"
+      @blur="blur"
+      :show-arrow="false"
+      style="width: 100%"
+  >
+    <template v-if="loading" #notFoundContent>
+      <a-spin size="small"/>
+    </template>
+  </a-select>
+</template>
+<script setup>
+import {computed, defineEmits, defineProps, onMounted, ref, watch} from "vue";
+import {useThrottlePage} from "@/api/request";
+import { getTeacherList } from "@/api/Lecturer";
+const props = defineProps({
+  value: {
+    type: String,
+    default: ''
+  },
+  name: {
+    type: String,
+    default: ''
+  },
+  mobile: {
+    type: String,
+    default: ''
+  },
+  disabled: Boolean,
+  placeholder: {
+    type: String,
+    default: "请输入搜索关键字",
+  },
+  mode: String
+})
+
+const selectOptions = ref([])
+
+const managerArray = computed(() => props.value ===  '' ? null : props.value)
+
+const emit = defineEmits({})
+
+const isOpen = ref(false)
+function debounce(func, wait) {
+  let timeout;
+  return function(...args) {
+    clearTimeout(timeout);
+    timeout = setTimeout(() => func.apply(this, args), wait);
+  };
+}
+const memberParam = ref({name: '', pageNo:1, pageSize: 999,teacherType:2 ,status:1})
+
+const userList = ref([])
+const loading = ref(false)
+const getOutTeacher = () => {
+  getTeacherList(memberParam.value).then(res=>{
+    if(res.data.code == 200){
+      userList.value = res.data.data.records
+      loading.value = false
+    }
+  })
+}
+const options = computed(() => userList.value.map(e => ({
+
+  // label: e.name + '(' + e.userNo + ')' + e.organizationName,
+  label:e.name,
+  value: e.name,
+  ...e,
+  audienceList: null
+})))
+
+watch(props, init)
+
+function init() {
+  //第一次进来 编辑赋值
+  // if (props.value && (props.value + '') !== selectOptions.value.map(e => e.value).join(',')) {
+  //   selectOptions.value = (props.value + '').split(',').map((e, i) => ({label: props.name.split(',')[i], value: e}))
+  // }
+}
+
+onMounted(() => {
+  console.log('onMounted')
+  init()
+  getOutTeacher()
+})
+
+
+const memberScroll = ({target: {scrollHeight, scrollTop, clientHeight}}) => {
+  scrollHeight === (clientHeight + scrollTop) && memberParam.value.pageNo++
+};
+const debounceObject = debounce(getOutTeacher,1000)
+//搜索学员
+const searchMember = (keyword) => {
+  console.log('searchMember', keyword)
+  loading.value = true
+  isOpen.value = true
+  userList.value = []
+  memberParam.value.pageNo = 1
+  memberParam.value.teacherType=2
+  memberParam.value.name = keyword
+  console.log('searchMember', memberParam.value)
+  debounceObject()
+};
+
+function blur() {
+  isOpen.value = false
+  memberParam.value.name = ''
+  memberParam.value.pageNo = 1
+  memberParam.value.teacherType=2
+}
+
+function change(e, l) {
+  memberParam.value.name = ''
+  memberParam.value.teacherType=2
+  memberParam.value.pageNo = 1
+  isOpen.value = false
+  Array.isArray(l) && (selectOptions.value = l)
+  Array.isArray(selectOptions.value) && emit('onChange', e, l)
+    emit('update:name', l?.label)
+    emit('update:value', l?.value)
+    emit('update:mobile', l?.label)
+}
+
+</script>
diff --git a/src/components/project/SearchTeacher.vue b/src/components/project/SearchTeacher.vue
new file mode 100644
index 00000000..944be65c
--- /dev/null
+++ b/src/components/project/SearchTeacher.vue
@@ -0,0 +1,435 @@
+<template>
+  <div>
+    <a-popover v-model:visible="visible"  placement="bottom" trigger="click">
+      <template #content v-if="!disabled">
+        <div class="pover">
+          <div class="search">
+            <a-select
+              v-model:value="selectName"
+              style="width: 100%"
+              placeholder="请查询姓名或工号"
+              :options="isOpen?options:selectOptions"
+              :filter-option="false"
+              allowClear
+              showSearch
+              :open="isOpen"
+              :defaultOpen="false"
+              @search="searchMembers"
+              @change="handleChange"
+              @blur="blur"
+            >
+              <template #suffixIcon><ZoomInOutlined twoToneColor="#eb2f96" /></template>
+              <template v-if="loading" #notFoundContent>
+                <a-spin size="small"/>
+              </template>
+            </a-select>
+          </div>
+          <div class="tree">
+            <a-tree show-icon allow-clear tree-default-expand-all :tree-data="treeData" :loading="orgLoading"
+              :load-data="onLoadData" v-model:selectedKeys="stuTreeSelectKeys"
+              v-model:expandedKeys="stuTreeExpandedKeys" :fieldNames="{
+                children: 'treeChildList',
+                key: 'id',
+                title: 'name',
+                value: 'name',
+              }" @select="stuStuOrgSelect" style="max-height: 260px;overflow-y: auto;width: 250px;">
+              <template #smile>
+                <UserOutlined />
+              </template>
+            </a-tree>
+          </div>
+          <div class="btn">
+            <div class="btn0 btn1" @click="notChange">取消</div>
+            <!-- <div class="btn0 btn2" @click="changeOut">确定</div> -->
+            <a-button :loading="loadingChange" @click="changeOut" class="btn0 btn2" type="primary">确定</a-button>
+          </div>
+        </div>
+      </template>
+      <a-select
+        v-model:value="selectData"
+        style="width: 100%"
+        placeholder="请选择讲师"
+        :options="selectOptions"
+        :filter-option="false"
+        :open="false"
+        :defaultOpen="false"
+        :disabled="disabled"
+      >
+        <template v-if="loading" #notFoundContent>
+          <a-spin size="small"/>
+        </template>
+      </a-select>
+    </a-popover>
+  </div>
+</template>
+
+<script setup>
+import { ref,defineProps,defineEmits,watch,onMounted } from 'vue';
+import { request, useRequest} from "@/api/request";
+import { message } from "ant-design-vue"
+import { ORG_CHILD_LIST, ORG_LIST,USER_LIST_PAGE} from "@/api/apis";
+import { getTeacherByDepartId,getTeacherByNameOrUserNo,getSystemInfoByUserId,getTeacherList } from "@/api/Lecturer";
+import { ZoomInOutlined,UserOutlined } from '@ant-design/icons-vue';
+const props = defineProps({
+  value:{
+    type: String,
+    default: '',
+  },
+  lable:{
+    type: String,
+    default: '',
+  },
+  newlable:{
+    type: String,
+    default: '',
+  },
+  system:{
+    type: Object,
+    default: ()=>{},
+  },
+  level:{
+    type: String,
+    default: '',
+  },
+  orgId:{
+    type: String,
+    default: '',
+  },
+  id:{
+    type: String,
+    default: '',
+  },
+  payrollPlaceCode: {
+    type: String,
+    default: '',
+  },
+  payrollPlaceName: {
+    type: String,
+    default: '',
+  },
+  disabled: {
+    type: Boolean,
+    default: false,
+  },
+  lecturer: {
+    type: Boolean,
+    default: false,
+  }
+})
+const emit = defineEmits(['update:value','update:lable','update:system','update:level','update:newlable','update:orgId','update:id','update:payrollPlaceCode','update:payrollPlaceName'])
+const visible = ref(false);
+const selectData = ref(null);
+watch(()=>props.value,(val)=>{
+  if(val){
+    selectData.value = val
+  }else{
+    selectData.value = null
+  }
+},{immediate:true})
+const teacherName = ref('')
+const selectName = ref(null)
+const options = ref([]);
+const selectOptions = ref([])
+const isOpen = ref(false);
+const loading = ref(false);
+function blur() {
+  isOpen.value = false
+}
+const orgName = ref('')
+const orgId = ref('')
+const payrollPlaceCode = ref('')
+const payrollPlaceName = ref('')
+const systemName = ref(null)
+const levelName = ref('')
+const neworgName = ref('')
+const teacherId = ref('')
+const handleChange = (e,l) => {
+  isOpen.value = false
+  // emit('update:value',e)
+  teacherName.value = e
+  orgName.value = l.orgName
+  // systemName.value = l.systemName
+  levelName.value = l.levelName
+  teacherId.value = l.key
+  orgId.value = l.orgId
+  payrollPlaceCode.value = l.payrollPlaceCode
+  payrollPlaceName.value = l.payrollPlaceName
+  if( l.orgName !==null ){
+          neworgName.value= orgName.value.split('/')
+          neworgName.value=  neworgName.value[ neworgName.value.length-1]
+        } 
+  emit('tlevel',l)
+};
+function debounce(func, wait) {
+  let timeout;
+  return function(...args) {
+    clearTimeout(timeout);
+    timeout = setTimeout(() => func.apply(this, args), wait);
+  };
+}
+const searchMembers = (keyword) => {
+  isOpen.value = true
+  options.value = []
+  loading.value = true
+  if(keyword == '' || keyword == null){
+    isOpen.value = false
+    loading.value = false
+    options.value = []
+  }else{
+    debounceObject(keyword)
+  }
+};
+const searchMember = (keyword) => {
+  const obj = {
+    keyword,
+    pageNo:'1',
+    pageSize:'50',
+    departId:'',
+  }
+  props.lecturer && getTeacherByNameOrUserNo(obj).then((res) => {
+    if(res.data.status == 200){
+      loading.value = false
+      options.value = res.data.result.list.map((item) => {
+        return {
+          value: item.realName+'/'+item.userNo,
+          label: item.realName+'('+item.userNo+')'+item.orgName,
+          system: item.realName+'('+item.userNo+')'+item.tSystemName,
+          level:  item.realName+'('+item.userNo+')'+item.sLevelName,
+          key: item.id,
+          orgName: item.orgName,
+          orgId: item.departId,
+          tSystemName:item.tSystemName,
+          sLevelName:item.sLevelName,
+          payrollPlaceCode: item.payrollPlaceCode,
+          payrollPlaceName:item.payrollPlaceName,
+          avatar: item.avatar,
+          gender: item.gender
+        }
+      })
+    }else{
+      loading.value = false
+    }
+  }).catch(()=>{
+    loading.value = false
+  })
+  const params = {
+    pageNo: 1,
+    pageSize: 50,
+    name: keyword,
+    status: 1,
+  }
+  !props.lecturer && getTeacherList(params).then(res=>{
+    console.log(res,'ressss')
+    if(res.data.code == 200){
+      loading.value = false
+      options.value = res.data.data.records.map((item) => {
+        return {
+          value: item.name+'/'+item.userNo,
+          label: item.name+'('+item.userNo+')'+item.tsystemName,
+          system: item.name+'('+item.userNo+')'+item.tsystemName,
+          level:  item.name+'('+item.userNo+')'+item.sLevelName,
+          key: item.id,
+          orgName: item.orgName,
+          orgId: item.orgId,
+          tSystemName:item.tsystemName,
+          sLevelName:item.sLevelName,
+          payrollPlaceCode: item.salaryId,
+          payrollPlaceName:item.salaryName,
+          tlevelName: item.tlevelName,  //讲师级别
+          tlevelId: item.tlevelId,      //讲师级别id
+          // salaryName: item.salaryName,    //发薪地
+          // salaryId: item.salaryId,
+          levelPay: item.levelPay
+        }
+      })
+    }
+  }).catch(()=>{
+    loading.value = false
+  })
+};
+const debounceObject = debounce(searchMember, 1500);
+const filterOption = (input, option) => {
+  console.log(input,option,'xixixixi')
+};
+
+const stuTreeSelectKeys = ref([]);
+const stuTreeExpandedKeys = ref([]);
+const teacherById = ref(null)
+const { data: treeData, loading: orgLoading } = useRequest(
+  ORG_LIST,
+  { keyword: "" },
+);
+function onLoadData(treeNode) {
+  teacherById.value = treeNode.id
+  const promises = [];
+  const childDatas = []
+  promises.push(
+    getTeacherByDepartId({organizationId:teacherById.value}).then((res) => {
+      if(res.data.code == 200){
+        res.data.data.list.map(item=>{
+          return (
+            item.isLeaf = true,
+            item.name = item.realName + '/' + item.userNo,
+            item.slots = {icon:'smile'}
+          )
+        })
+        childDatas.unshift(...res.data.data.list)
+      }
+    }).catch((err)=>{
+      console.log(err,'err')
+    })
+  );
+  promises.push(
+    request(ORG_CHILD_LIST, { keyword: "", orgId: treeNode.id }).then((r) => {
+      // treeNode.dataRef.treeChildList = r.data;
+      childDatas.push(...r.data)
+      treeData.value = [...treeData.value];
+    })
+  );
+
+  return Promise.all(promises).then(() => {
+    treeNode.dataRef.treeChildList = childDatas;
+      treeData.value = [...treeData.value];
+  });
+}
+function stuStuOrgSelect(e, {selected: bool, selectedNodes, node, event}) {
+  console.log(selectedNodes)
+  teacherName.value = ''
+  orgName.value = ''
+  orgId.value = ''
+  systemName.value = null
+  levelName.value = ''
+  teacherId.value = ''
+  payrollPlaceCode.value = ''
+  payrollPlaceName.value = ''
+  if(selectedNodes[0].isLeaf){
+    teacherName.value = selectedNodes[0].name
+    orgName.value = selectedNodes[0].orgName
+    orgId.value = selectedNodes[0].departId
+    // systemName.value = selectedNodes[0].systemName
+    levelName.value = selectedNodes[0].levelName
+    teacherId.value = selectedNodes[0].id
+    // emit('update:value',selectedNodes[0].realName)
+    payrollPlaceCode.value = selectedNodes[0].payrollPlaceCode
+    payrollPlaceName.value = selectedNodes[0].payrollPlaceName
+  }
+}
+watch(()=>visible.value,(val)=>{
+  if(val){
+    stuTreeSelectKeys.value = []
+    stuTreeExpandedKeys.value = []
+    teacherName.value = ''
+    orgName.value = ''
+    orgId.value = ''
+    systemName.value = null
+    levelName.value = ''
+    neworgName.value=''
+    selectName.value = null
+    // selectData.value = ''
+    teacherId.value = ''
+    loadingChange.value = false
+    // teacherId.value = '1012311820121276416'
+    // changeneworg()
+    payrollPlaceCode.value = ''
+    payrollPlaceName.value = ''
+  }
+})
+const notChange = () => {
+  visible.value = false
+  teacherName.value = ''
+  orgName.value = ''
+  orgId.value = ''
+  systemName.value = null
+    levelName.value = ''
+  neworgName.value=''
+  teacherId.value = ''
+  loadingChange.value = false
+  payrollPlaceCode.value = ''
+  payrollPlaceName.value = ''
+}
+const loadingChange = ref(false)
+watch(()=>teacherId.value,(val)=>{
+  if(val){
+    loadingChange.value = true
+    getSystemInfoByUserId(teacherId.value).then(res=>{
+      if(res.data.code == 200){
+        systemName.value = {
+          systemId:res.data.data?.id,
+          systemName:res.data.data?.systemName,
+          systemCode:res.data.data?.systemCode,
+          levelVoList: res.data.data?.levelVoList?.map(item=>{
+            return (
+              item.label = item.levelName,
+              item.value = item.id,
+              item
+            )
+          })
+        }
+      }
+      loadingChange.value = false
+      emit('update:system',systemName.value)
+    }).catch(err=>{
+      message.error('讲师体系获取失败，请重新选择')
+      loadingChange.value = false
+    })
+  }
+})
+const changeOut = () => {
+  if(!teacherName.value){
+    message.error('请选择讲师')
+    return
+  }
+  const neworgName = ref('')
+  // const changeneworg= ()=>{
+  //   if( orgName !==null ){
+  //             neworgName=orgName.split('/')
+              
+  //             neworgName= neworgName[neworgName.length-1]
+  // }
+  selectData.value = teacherName.value
+  emit('update:value',teacherName.value)
+  emit('update:lable',orgName.value)
+  emit('update:orgId',orgId.value)
+  emit('update:system',systemName.value)
+  emit('update:level',levelName.value)
+  emit('update:newlable',neworgName.value)
+  emit('update:id',teacherId.value)
+  emit('update:payrollPlaceCode',payrollPlaceCode.value)
+  emit('update:payrollPlaceName',payrollPlaceName.value)
+  notChange()
+}
+</script>
+
+<style lang="scss" scoped>
+.pover{
+  .search{
+    margin-top: 10px;
+  }
+  .tree{
+    margin-top: 5px;
+    border: 1px solid rgba(215, 215, 215, 1);
+  }
+  .btn{
+    margin-top: 10px;
+    display: flex;
+    justify-content: flex-end;
+    .btn0{
+      width: 70px;
+      height: 25px;
+      color: #FFFFFF;
+      text-align: center;
+      line-height: 25px;
+      cursor: pointer;
+    }
+    .btn1{
+      margin-right: 10px;
+      background-color: rgba(170, 170, 170, 1);
+    }
+    .btn2{
+      background-color: rgba(50, 107, 250, 1);
+      padding: 0;
+    }
+  }
+}
+
+</style>
\ No newline at end of file
diff --git a/src/components/project/UploadDragger.vue b/src/components/project/UploadDragger.vue
new file mode 100644
index 00000000..4d6d866d
--- /dev/null
+++ b/src/components/project/UploadDragger.vue
@@ -0,0 +1,251 @@
+<template>
+    <a-upload-dragger :data="{ ...params }" :multiple="false" :accept="accept" :action="uploadUrl" :maxCount="maxCount"
+        @change="handleUploadChange" v-model:file-list="fileList" style="width:50%;">
+        <p class="ant-upload-drag-icon">
+            <UploadOutlined />
+        </p>
+        <p class="ant-upload-text">将文件拖到此处，或点击上传</p>
+        <template #itemRender="{ file }">
+            <div class="loadstate">
+                <div class="loadborder">
+                    <div class="content">
+                        <div class="timebox">
+                            <div class="timetop">
+                                <div class="tit">{{ file.name }}</div>
+                                <div class="stateloading">{{
+                                    {
+                                        done: "上传成功",
+                                        uploading: "正在上传",
+                                        error: "上传失败",
+                                        removed: "正在上传",
+                                    }[file.status]
+                                }}
+                                </div>
+                            </div>
+                            <a-progress :percent="file.percent" />
+                        </div>
+                        <div class="curloading">
+                            <!-- <div class="cur">100%</div> -->
+                            <div class="cancel" style="margin-left: 20px; cursor: pointer" @click="removeUpload">
+                                删除
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </template>
+    </a-upload-dragger>
+</template>
+<script setup>
+import { UploadOutlined } from '@ant-design/icons-vue'
+import { defineProps, ref, defineExpose,watch,onMounted } from "vue";
+import { message } from "ant-design-vue";
+const props = defineProps({
+    uploadUrl: {
+        type: String,
+        default: ''
+    },
+    params: {
+        type: Object,
+        default: {}
+    },
+    maxCount: {
+        type: Number,
+        default: 1
+    },
+    accept: {
+        type: String,
+        default: ''
+    },
+    size: {
+        type: Number,
+        default: 0
+    },
+    loadTrue: {
+        type:String,
+        default: ''
+    },
+})
+onMounted(() => {
+    if(props.loadTrue){
+        fileList.value = [{
+            name:props.loadTrue,
+            status: 'done',
+            percent: 100,
+        }]
+    }
+});
+const emit = defineEmits(['update:value', 'change'])
+const fileList = ref([]);
+const handleUploadChange = ({ file, fileList }) => {
+    console.log(file, fileList, 'file');
+    var FileExt = file.name.replace(/.+\./, "");
+    if (props.accept && props.accept.split(',').indexOf('.' + FileExt.toLowerCase()) === -1) {
+        fileList.value = [];
+        return message.error("请上传正确的文件格式");
+    }
+    if(props.size && file.size > props.size){
+        removeUpload()
+        message.destroy();
+        message.error("文件大小超过5MB!");
+        return
+    }
+    emit('update:value', fileList)
+    emit('change', fileList)
+}
+const removeUpload = () => {
+    fileList.value = [];
+    emit('removeList', false)
+}
+
+defineExpose({
+    fileList,
+    removeUpload
+})
+</script>
+<style scoped lang="scss">
+.loadstate {
+    width: 500px;
+    margin-bottom: 26px;
+
+    .loadborder {
+        width: 396px;
+        height: 70px;
+        border-radius: 4px;
+        border: 1px dashed #eaeaea;
+        margin-top: 10px;
+        margin-bottom: 10px;
+        display: flex;
+        flex-direction: column;
+        justify-content: center;
+        position: relative;
+
+        .content {
+            display: flex;
+            margin-left: 20px;
+            position: relative;
+
+            .defeat {
+                width: 262px;
+                padding: 10px 20px;
+                position: absolute;
+                left: 46px;
+                top: 42px;
+                font-size: 14px;
+                font-weight: 500;
+                height: 32px;
+                border-radius: 2px;
+                border: 1px solid #387df7;
+                display: flex;
+                justify-content: center;
+                align-items: center;
+                cursor: pointer;
+
+                .detext {
+                    font-size: 14px;
+                    font-weight: 400;
+                    color: #387df7;
+                }
+            }
+
+            .img {
+                width: 30px;
+                height: 34px;
+                // background-image: url(@/assets/images/basicinfo/exl.png);
+            }
+
+            .timebox {
+                margin-left: 15px;
+                margin-top: -5px;
+
+                .timetop {
+                    display: flex;
+                    width: 262px;
+                    justify-content: space-between;
+
+                    .tit {
+                        font-size: 14px;
+                        font-weight: 400;
+                        color: #333333;
+                        width: 200px;
+                        height: 21px;
+                        overflow: hidden;
+                        white-space: nowrap;
+                        text-overflow: ellipsis;
+                    }
+
+                    .stateloading {
+                        font-size: 14px;
+                        font-weight: 400;
+                        color: #4ea6ff;
+                    }
+
+                    .statedefeat {
+                        font-size: 14px;
+                        font-weight: 400;
+                        color: #ff7474;
+                    }
+
+                    .statesucce {
+                        font-size: 14px;
+                        font-weight: 400;
+                        color: #35ae69;
+                    }
+                }
+
+                .prog {
+                    width: 262px;
+                    height: 5px;
+                    background: #eaf1fe;
+                    border-radius: 4px;
+
+                    .inprogloading {
+                        width: 55%;
+                        height: 5px;
+                        border-radius: 4px;
+
+                        background: #4ea6ff;
+                    }
+
+                    //下载失败条
+                    .inprogdefeat {
+                        width: 55%;
+                        height: 5px;
+                        border-radius: 4px;
+
+                        background: #ff7474;
+                    }
+
+                    //下载成功条
+                    .inprogsucce {
+                        width: 100%;
+                        height: 5px;
+                        border-radius: 4px;
+
+                        background: #57c887;
+                    }
+                }
+            }
+
+            .curloading {
+                margin-left: 15px;
+                margin-top: 15px;
+                display: flex;
+
+                .cur {
+                    font-size: 14px;
+                    font-weight: 400;
+                    color: #333333;
+                }
+
+                .cancel {
+                    font-size: 14px;
+                    font-weight: 400;
+                    color: #387df7;
+                }
+            }
+        }
+    }
+
+}
+</style>
diff --git a/src/components/project/lockLecturer.vue b/src/components/project/lockLecturer.vue
new file mode 100644
index 00000000..497636cb
--- /dev/null
+++ b/src/components/project/lockLecturer.vue
@@ -0,0 +1,451 @@
+<template>
+  <div @click="openDrawer">
+    <slot></slot>
+  </div>
+  <a-drawer
+    :visible="visible"
+    class="drawerStyle impotergroupleader"
+    placement="right"
+    width="80%"
+  >
+    <div class="drawerMain">
+      <div class="header">
+        <div class="headerTitle">{{ title }}</div>
+        <img
+          style="width: 29px; height: 29px; cursor: pointer"
+          src="../../assets/images/basicinfo/close.png"
+          @click="closeDrawer"
+        />
+      </div>
+      <div class="content">
+        <div class="title">
+          <div class="line"></div>
+          <div class="text">培训发生组织基本信息</div>
+        </div>
+        <div class="desc">
+          <a-descriptions :column="2" bordered>
+            <a-descriptions-item :labelStyle="{ width: '165px' }" label="培训发生组织编号">{{formData?.affiliationCode||'-'}}</a-descriptions-item>
+            <a-descriptions-item :labelStyle="{ width: '165px' }" label="培训发生组名称">{{formData?.affiliationName||'-'}}</a-descriptions-item>
+            <a-descriptions-item label="是否为根节点">{{formData?.isParent==1?'否':'是'}}</a-descriptions-item>
+            <a-descriptions-item label="组织担当">{{formData?.act||'-'}}</a-descriptions-item>
+            <a-descriptions-item v-if="formData?.isParent==1" label="一级审批人">{{formData?.one||'-'}}</a-descriptions-item>
+            <a-descriptions-item v-if="formData?.isParent==1" label="二级审批人">{{formData?.two||'-'}}</a-descriptions-item>
+            <a-descriptions-item v-if="formData?.isParent==1" label="三级审批人">{{formData?.three||'-'}}</a-descriptions-item>
+            <a-descriptions-item label="状态">
+              {{{1:'待提交', 2:'审核中',3: '已完成',4: '审核失败',5:'待审核'}[formData?.status]}}
+            </a-descriptions-item>
+          </a-descriptions>
+        </div>
+        <div class="tabs">
+          <a-tabs @change="change" v-model:activeKey="activeKey">
+            <a-tab-pane key="1" tab="管理组织列表">
+              <div style="margin-bottom: 30px">
+                <a-table :columns="columns" :data-source="formData?.tableData" :pagination="false"/>
+              </div>
+              <div style="margin-bottom: 100px">
+                <!-- <a-descriptions :column="2" bordered>
+                  <a-descriptions-item label="培训发生组织编号">{{formData?.affiliationCode||'-'}}</a-descriptions-item>
+                  <a-descriptions-item label="培训发生组名称">{{formData?.affiliationName||'-'}}</a-descriptions-item>
+                  <a-descriptions-item label="是否为根节点">{{formData?.isParent==1?'否':'是'}}</a-descriptions-item>
+                  <a-descriptions-item label="组织担当">{{formData?.act||'-'}}</a-descriptions-item>
+                  <a-descriptions-item label="一级审批人">{{formData?.one||'-'}}</a-descriptions-item>
+                  <a-descriptions-item label="二级审批人">{{formData?.two||'-'}}</a-descriptions-item>
+                  <a-descriptions-item label="三级审批人">{{formData?.three||'-'}}</a-descriptions-item>
+                  <a-descriptions-item label="状态">
+                    {{['-','待审核', '审核中', '已完成', '审核失败'][formData?.type]}}
+                  </a-descriptions-item>
+                </a-descriptions> -->
+              </div>
+            </a-tab-pane>
+            <a-tab-pane key="2" tab="审批记录" force-render>
+              <div style="margin-bottom: 20px">
+                <a-table :columns="columnsTwo" :loading="formData?.loadingTwo" :data-source="formData?.tableDataTwo" :pagination="pagination">
+                  <template #action="{ record }">
+                    <div class="action">
+                      <div style="color: #1890ff;cursor: pointer;" class="btn" @click="lookList(record)">查看</div>
+                    </div>
+                  </template>
+                </a-table>
+              </div>
+              <div style="margin-bottom: 100px">
+                <a-table v-if="threeList" :columns="columnsThree" :loading="formData?.loadingThree" :data-source="formData?.tableDataThree" :pagination="false"/>
+              </div>
+            </a-tab-pane>
+          </a-tabs>
+        </div>
+      </div>
+      <div class="btnn" v-if="formData?.status==1||formData?.status==4">
+        <!-- <button class="btn2" @click="closeDrawer">取消</button>
+        <button class="btn2" @click="closeDrawer">确定</button> -->
+        <button class="btn2" @click="confirm">撤销编辑内容</button>
+      </div>
+    </div>
+  </a-drawer>
+</template>
+
+<script setup lang="jsx">
+import {defineEmits, defineProps, ref,watch,reactive,computed} from "vue";
+import dialog from '@/utils/dialog'
+import * as api from '@/api/Lecturer'
+import { message } from 'ant-design-vue';
+const props = defineProps({
+  id: {
+    type: String,
+    defalut: ""
+  },
+  title: {
+    type: String,
+    default: ""
+  }
+});
+const emit = defineEmits({});
+const columns = [
+  {
+    title: '组织的名称',
+    dataIndex: 'orgName',
+    key: 'orgName',
+    align: 'center',
+  },
+  {
+    title: '类型',
+    dataIndex: 'updateStatus',
+    key: 'updateStatus',
+    align: 'center',
+    customRender: ({text})=>{
+      switch (text) {
+        case 0:
+          return <span>未更改</span>;
+        case 1:
+          return <span>新增</span>;
+        case 2:
+          return <span>移除</span>;
+        case 3:
+          return <span>编辑</span>;
+        default:
+          return <span>-</span>;
+      }
+    },
+  },
+  {
+    title: '状态',
+    dataIndex: 'status',
+    key: 'status',
+    align: 'center',
+    customRender: ({text})=>{
+      switch (text) {
+        case 1:
+          return <span>待提交</span>;
+        case 2:
+          return <span>审核中</span>;
+        case 3:
+          return <span>已完成</span>;
+        case 4:
+          return <span>审核失败</span>;
+        case 5:
+          return <span>待审核</span>;
+        default:
+          return <span>-</span>;
+      }
+    },
+  },
+];
+const formData = ref({})
+const columnsThree = [
+  {
+    title: '层级审批人',
+    dataIndex: 'employeeNames',
+    key: 'employeeNames',
+    align: 'center',
+  },
+  {
+    title: '操作',
+    dataIndex: 'approvalStatus',
+    key: 'approvalStatus',
+    align: 'center',
+    customRender: ({text})=>{
+      switch (text) {
+        case -1:
+          return <span>未处理</span>;
+        case 3:
+          return <span>通过</span>;
+        case 4:
+          return <span>拒绝</span>;
+        default:
+          return <span>-</span>;
+      }
+    }
+  },
+  {
+    title: '审批人',
+    dataIndex: 'employeeName',
+    key: 'employeeName',
+    align: 'center',
+  },
+  {
+    title: '审批时间',
+    dataIndex: 'approvalTime',
+    key: 'approvalTime',
+    align: 'center',
+  },
+  {
+    title: '审批建议',
+    dataIndex: 'approvalMsg',
+    key: 'approvalMsg',
+    align: 'center',
+    ellipsis: true,
+    width: 200,
+    customRender: ({text})=>{
+      return <span>{text||'-'}</span>
+    }
+  },
+]
+const columnsTwo = ref([
+  {
+    title: '审批提交时间',
+    dataIndex: 'createTime',
+    key: 'createTime',
+    align: 'center',
+  },
+  {
+    title: '审批状态',
+    dataIndex: 'status',
+    key: 'status',
+    align: 'center',
+    customRender: ({text})=>{
+      switch (text) {
+        case 0:
+          return <span>待提交</span>;
+        case 1:
+          return <span>待审核</span>;
+        case 2:
+          return <span>审核中</span>;
+        case 3:
+          return <span>审核通过</span>;
+        case 4:
+          return <span>拒绝</span>;
+        case 5:
+          return <span>撤销中</span>;
+        case 6:
+          return <span>已撤销</span>;
+        default:
+          return <span>-</span>;
+      }
+    }
+  },
+  {
+    title: '审批人',
+    dataIndex: 'employeeName',
+    key: 'employeeName',
+    align: 'center',
+  },
+  {
+    title: '操作',
+    dataIndex: 'address',
+    key:'age',
+    align: 'center',
+    slots: { customRender: "action" },
+  }
+])
+const approvalData = ref(null)
+const threeList = ref(false)
+const lookList = (record) => {
+  console.log(record,'resssssss')
+  if(!threeList.value||record.approvalId!=approvalData.value){
+    threeList.value = true
+    approvalData.value = record.approvalId
+    formData.value.loadingThree = true
+    api.getApprovalResultByApprovalIdList(record.approvalId).then(res=>{
+      if(res.data.code == 200){
+        formData.value.tableDataThree = res.data.data
+      }
+      formData.value.loadingThree = false
+    }).catch(err=>{
+      message.destroy()
+      formData.value.loadingThree = false
+      message.error(err.data.msg)
+    })
+  }else{
+    threeList.value = false
+    approvalData.value = null
+  }
+}
+const visible = ref(false);
+watch(visible, (val)=>{
+  if(val){
+    threeList.value = false
+    activeKey.value = '1'
+    api.getAffiliationById(props.id).then(res=>{
+      if(res.data.code == 200){
+        formData.value = res.data.data
+        formData.value.act = filterList(formData.value.affiliationUserList,0)
+        formData.value.one = filterList(formData.value.affiliationUserList,1)
+        formData.value.two = filterList(formData.value.affiliationUserList,2)
+        formData.value.three = filterList(formData.value.affiliationUserList,3)
+        formData.value.tableData = res.data.data.affiliationOrgList
+      }
+    }).catch(err=>{
+      message.destroy()
+      message.error(err.data.msg)
+    })
+    // getTwoData()
+  }
+})
+const getTwoData = () => {
+  formData.value.loadingTwo = true
+  api.getByBusinessIdList(params).then(res=>{
+    if(res.data.code == 200){
+      formData.value.tableDataTwo = res.data.data.records
+      params.total = res.data.data.total
+    }
+    formData.value.loadingTwo = false
+  }).catch(err=>{
+    message.destroy()
+    message.error(err.data.msg)
+    formData.value.loadingTwo = false
+  })
+}
+const params = reactive({
+  pageNo: 1,
+  pageSize: 10,
+  total: 0,
+  businessType: 2,
+  businessId: props.id
+})
+const pagination = computed(() => ({
+  total: params.total,
+  showSizeChanger: true,
+  showQuickJumper:true,
+  current: params.pageNo,
+  pageSize: params.pageSize,
+  onChange: paginationChange,
+}));
+const paginationChange = (e,pageSize) => {
+  params.pageNo = e;
+  params.pageSize = pageSize
+  getTwoData()
+};
+const filterList = (val,index) => {
+  return val?.filter(item=>item.type==index).map(item=>item.userName).join(',')
+}
+const closeDrawer = () => {
+  visible.value = false;
+};
+const confirm = () => {
+  dialog({
+    content: "您确定撤销编辑吗?撤销后将恢复到'已完成”前状态，且无法恢复。请谨慎操作。",
+    ok: () => {
+      api.recovery(props.id).then(res=>{
+        if(res.data.code == 200){
+          message.success("撤销成功")
+          visible.value = false;
+          emit('searchList',true)
+        }
+      }).catch(err=>{
+        message.destroy()
+        message.error(err.data.msg)
+      })
+    } 
+  })
+}
+const activeKey = ref("1");
+const change = (val)=>{
+  // console.log(val,'val')
+  if(val==2){
+    getTwoData()
+  }
+}
+function openDrawer() {
+  visible.value = true;
+}
+</script>
+
+<style scoped lang="scss">
+.impotergroupleader > .ant-drawer-content-wrapper  {
+  min-width: 800px !important;
+  width: 800px !important;
+}
+.impotergroupleader {
+  .drawerMain {
+    min-width: 600px;
+    margin:0;
+    padding: 0px 32px 0px 32px;
+    overflow-x: auto;
+    display: flex;
+    flex-direction: column;
+
+    .header {
+      height: 73px;
+      border-bottom: 1px solid #e8e8e8;
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      // background-color: red;
+      margin-bottom: 20px;
+      flex-shrink: 0;
+
+      .headerTitle {
+        font-size: 18px;
+        font-weight: 600;
+        color: #333333;
+        line-height: 25px;
+        // margin-left: 24px;
+        margin: 0;
+      }
+    }
+    .content{
+      padding-right: 20px;
+      .title{
+        display: flex;
+        align-items: center;
+        margin-bottom: 20px;
+        .line{
+          width: 5px;
+          height: 15px;
+          background: #4ea6ff;
+          margin-right: 10px;
+        }
+        .text{
+
+        }
+      }
+      .desc{
+        margin-bottom: 30px;
+      }
+    }
+
+    .btnn {
+      height: 72px;
+      width: 100%;
+      position: absolute;
+      background-color: #fff;
+      bottom: 0;
+      left: 0;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.16);
+
+      .btn1 {
+        width: 100px;
+        height: 40px;
+        border: 1px solid #4ea6ff;
+        border-radius: 8px;
+        color: #4ea6ff;
+        background-color: #fff;
+        cursor: pointer;
+      }
+
+      .btn2 {
+        cursor: pointer;
+        width: 120px;
+        height: 40px;
+        background: #4ea6ff;
+        border-radius: 8px;
+        border: 0;
+        margin-left: 15px;
+        color: #fff;
+      }
+    }
+  }
+}
+</style>
diff --git a/src/store/index.js b/src/store/index.js
index 502b02cb..1f7e9066 100644
--- a/src/store/index.js
+++ b/src/store/index.js
@@ -28,10 +28,14 @@ export default createStore({
     memberInitInfo: [],//学员默认
     sysType: [],//学员默认
     menus: [],
-    sysTypeMap:null
+    sysTypeMap:null,
+    isInclude: [],
   },
   getters: {},
   mutations: {
+    setShouInclude(state, value) {
+      state.isInclude = value;
+    },
     chengeOpenpages(state, list) {
       // console.log('list', list)
       state.openpages = list;
diff --git a/src/views/courselibrary/CoursewareManage.vue b/src/views/courselibrary/CoursewareManage.vue
index cf82f742..e6f1a79c 100644
--- a/src/views/courselibrary/CoursewareManage.vue
+++ b/src/views/courselibrary/CoursewareManage.vue
@@ -1150,7 +1150,7 @@
             </div>
             <div class="b_input">
               <a-checkbox v-model:checked="checked1" :disabled = "itemType!=3">
-                <span style="color: #6d7584">是否允许公开报名</span>
+                <span style="color: #6d7584">是否允许未报名的学员扫码签到、扫码评估</span>
               </a-checkbox>
             </div>
           </div>
diff --git a/src/views/lecturer/CostDetails.vue b/src/views/lecturer/CostDetails.vue
new file mode 100644
index 00000000..63805870
--- /dev/null
+++ b/src/views/lecturer/CostDetails.vue
@@ -0,0 +1,564 @@
+<template>
+  <!-- 添加在线课程 -->
+  <a-drawer class="addcourse1" :visible="visible" width="80%" :title="title" @close="closeDrawer" :maskClosable="false">
+    <!-- 搜索框及按钮 -->
+    <div class="filter">
+      <div class="filterItems">
+        <div class="select">
+          <a-input v-model:value="searchDataInfo.keyWord" style="width: 170px; height: 34px; border-radius: 8px"
+            placeholder="请输入课程标题" />
+        </div>
+        <div class="select">
+          <a-input v-model:value="searchDataInfo.authorName" style="width: 170px; height: 34px; border-radius: 8px"
+            placeholder="请输入授课讲师名称" />
+        </div>
+        <div style="display: flex; margin-bottom: 20px">
+          <div class="btn btn1" @click="handleSearch(1)" style="width: 90px">
+            <div class="btnText">搜索</div>
+          </div>
+          <div class="btn btn1" @click="handleRest" style="width: 90px">
+            <div class="btnText">重置</div>
+          </div>
+        </div>
+      </div>
+      <div class="btns" style="display: flex;flex-direction: column;">
+        <div v-if="selectNum" class="btnText">已选择 <span style="color:#4ea6ff ;"> {{ selectNum }}
+          </span>
+          门课程</div>
+        
+      </div>
+    </div>
+    <!-- 表格 -->
+    <div style="display: flex; overflow-x: auto; overflow-y: auto;justify-content: space-between;">
+      <div class="tableBox" style="min-height: 800px;overflow: hidden;">
+        <a-table style="border: 1px solid #f2f6fe;" :columns="state.columns" :data-source="state.dataSource"
+          :loading="!loading" :row-selection="rowSelection" :pagination="pagination" />
+      </div>
+      <div class="right1" style="min-width: 230px">
+        <div class="onerow">
+          <div class="onleft">
+            <div class="already">已选</div>
+          </div>
+        </div>
+        <div :style="{ 'max-height': state.screenHeight - 240 + 'px' }" style="overflow-y: auto">
+          <div class="selecteds">
+            <div v-for="(item, i) in state.selectedRow" :key="i">
+              <div v-if="i < 11">
+                <div class="chose">
+                  {{ item.title.length > 7 ? item.title.slice(0, 7) + '...' : item.title }}
+                  <div class="ch" @click="remove(item.id)"></div>
+                </div>
+              </div>
+              <div v-else>
+                <div v-if="state.member">
+                  <div class="chose">
+                    {{ item.title.length > 7 ? item.title.slice(0, 7) + '...' : item.title }}
+                    <div class="ch" @click="remove(item.id)"></div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div v-if="!state.member && state.selectedRow?.length > 10" class="ifsw">
+              <div @click="state.member = !state.member" class="“sw”">查看更多></div>
+            </div>
+            <div v-if="state.member && state.selectedRow?.length > 10" class="ifsw">
+              <div @click="state.member = !state.member" class="sw">收起&lt;</div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <!-- 底部按钮和下一步的弹窗 -->
+    <div class="btnn">
+      <button class="btn2 btn3" @click="closeDrawer">取消</button>
+      <CommonRecommend :type="state.type" :id="state.selectedRowKeys" @finash="submitCall" :stage="state.stage">
+        <a-button class="btn2">
+          下一步
+        </a-button>
+      </CommonRecommend>
+    </div>
+  </a-drawer>
+
+</template>
+<script setup>
+import { reactive, ref, computed, nextTick } from 'vue';
+import { Form, message } from "ant-design-vue";
+import { isTopList, downloadErrorRecords } from '@/api/case'
+import CommonRecommend from "@/components/CaseManage/CommonRecommend";
+import useDownload from '@/hooks/useDownload'
+defineProps({
+  visible: {
+    type: Boolean,
+    default: false
+  },
+  title: {
+    type: String,
+    default: '添加在线课程'
+  }
+})
+const emit = defineEmits(['update:visible'])
+const loading = ref(false)
+const state = reactive({
+  allSelectedRow: [],
+  caseTitleList: [],
+  totalNum: 0,//上传的总条数
+  successNum: 0,//成功的条数
+  failNum: 0,//失败的条数
+  status: '',//上传的状态
+  progressColor: '',//进度条颜色
+  type: 1,//添加学员
+  stage: '',//
+  importId: '',//导入id
+  selectedRowKeys: [],//案例标题的id
+  selectedRow: [],//选择的每一行数据
+  dataSource: [],//表格的数据
+  uploadpercent: -1,//导入进度
+  fileName: '',//下载的名字
+  uploadAction: process.env.VUE_APP_SYS_API + '/xboe/m/boe/cases/recommend/import',//下载地址
+  fileList: [],//上传列表
+  member: false,//收起和展开
+  screenHeight: document.body.clientHeight,//高度
+  columns: [
+    {
+      title: "课程标题",
+      dataIndex: "title",
+      key: "title",
+      align: "left",
+      className: "h",
+      width: '75%',
+      ellipsis: true,
+    },
+    {
+      title: "资源归属",
+      dataIndex: "authorName",
+      key: "authorName",
+      width: '20%',
+      align: "center",
+      className: "h",
+      ellipsis: true,
+    }
+  ]
+})
+
+//删除选中
+const remove = (id) => {
+  state.selectedRowKeys = state.selectedRowKeys.filter(item => item !== id)
+  state.selectedRow = state.selectedRow.filter(item => item.id !== id)
+  // 过滤导入删除的条数
+  state.caseTitleList = state.caseTitleList.filter(item => state.selectedRow.some(sel => sel.id == item.id))
+}
+// 下一步返回的刷新列表
+function submitCall(flag) {
+  searchDataInfo.pageIndex = 1
+  flag && getTopList()
+  closeDrawer()
+}
+// 计算选择的条数
+const selectNum = computed(() => state.selectedRowKeys.length - state.caseTitleList.length)
+
+// 查询数据
+const searchDataInfo = reactive({
+  pageIndex: 1,
+  pageSize: 10,
+  keyWord: "",
+  authorName: '',
+});
+const total = ref(0)
+
+// 分页
+const pagination = computed(() => ({
+  total: total.value,
+  showSizeChanger: false,
+  current: searchDataInfo.pageIndex,
+  pageSize: searchDataInfo.pageSize,
+  onChange: changePagination,
+}));
+const changePagination = (e) => {
+  console.log(e);
+  loading.value = false
+  searchDataInfo.pageIndex = e
+  nextTick(getTopList);
+};
+// 计算全选
+const rowSelection = computed(() => {
+  return {
+    selectedRowKeys: state.selectedRowKeys,
+    onChange: onSelectChange,
+    preserveSelectedRowKeys: true,
+    getCheckboxProps: record => ({
+      disabled: state.caseTitleList.some((item) => record.id == item.id)
+    }),
+  }
+});
+//计算出来已选中状态
+const onSelectChange = (selectedRowKeys, selectedRow) => {
+  state.selectedRowKeys = selectedRowKeys
+  // 过滤取消的
+  // state.caseTitleList = state.caseTitleList.filter((item) => selectedRowKeys.includes(item.id))
+  // state.selectedRow = selectedRow.filter(Boolean)
+  const mergedArray = state.caseTitleList.concat(selectedRow.filter(Boolean));
+  state.selectedRow = Object.values(
+    mergedArray.reduce((acc, obj) => {
+      acc[obj.id] = obj;
+      return acc;
+    }, {})
+  );
+  console.log(state.selectedRow, state.caseTitleList);
+
+};
+
+// 请求列表数据是formdata类型的
+const getTopList = () => {
+  isTopList(searchDataInfo).then((res) => {
+    loading.value = true;
+    console.log(res);
+    res?.data?.result?.list?.forEach(element => {
+      element.key = element.id
+    });
+    state.dataSource = res?.data?.result?.list || []
+    total.value = res?.data?.result?.count
+  }).catch((err) => {
+    message.error(err);
+    loading.value = false;
+  })
+}
+getTopList()
+
+// 搜索
+const handleSearch = (num) => {
+  if (num == 1) searchDataInfo.pageIndex = 1
+  console.log(searchDataInfo);
+  getTopList()
+}
+
+//错误案例下载
+const downloadErrorInfo = () => {
+  if (!state.importId) {
+    message.warn('暂无失败数据')
+    return
+  }
+  let url = `${process.env.VUE_APP_SYS_API}/xboe/m/boe/cases/recommend/download?importId=` + state.importId
+  console.log(url);
+  window.open(url, '_self');
+}
+
+
+const { resetFields } = Form.useForm(searchDataInfo, {});
+//重置
+const handleRest = () => {
+  resetFields()
+  getTopList()
+}
+
+// 取消抽屉
+const closeDrawer = async () => {
+  state.selectedRowKeys = []
+  state.selectedRow = []
+  state.caseTitleList = []
+  resetFields()
+  emit('update:visible', false)
+  await nextTick()
+  getTopList()
+}
+// 根据数组id去重
+const deduplicateArrayById = (arr) => {
+  // 使用 Set 数据结构保存不重复的 id
+  const idSet = new Set();
+  // 使用 map 方法遍历数组，检查并去重对象
+  const deduplicatedArray = arr.filter(obj => {
+    const id = obj.id;
+    if (!idSet.has(id)) {
+      idSet.add(id);
+      return true;
+    }
+    return false;
+  });
+
+  return deduplicatedArray;
+
+}
+</script>
+
+
+<style lang="scss" scoped>
+//上传
+
+.addcourse1 {
+  :global(.ant-drawer-header-title) {
+    flex-direction: row-reverse !important;
+  }
+
+  :global(.ant-drawer-close) {
+    margin-right: 0;
+  }
+
+  .btnn {
+    height: 72px;
+    width: 100%;
+    position: absolute;
+    background-color: #fff;
+    bottom: 0;
+    left: 0;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.16);
+
+    .btn1 {
+      width: 90px;
+      height: 34px;
+      border: 1px solid #4ea6ff;
+      border-radius: 5px;
+      color: #4ea6ff;
+      background-color: #fff;
+      cursor: pointer;
+    }
+
+    .btn2 {
+      cursor: pointer;
+      width: 100px;
+      height: 40px;
+      background: #4ea6ff;
+      border-radius: 8px;
+      border: 0;
+      margin-left: 15px;
+      color: #fff;
+    }
+    .btn3{
+      background: #fff;
+      border: 1px solid #02a7f0;
+      color: #02a7f0;
+    }
+  }
+
+  // 头部
+  .filter {
+    display: flex;
+    justify-content: space-between;
+    flex-wrap: wrap;
+
+    .filterItems {
+      display: flex;
+      flex-wrap: wrap;
+
+      .select {
+        margin-right: 20px;
+        margin-bottom: 20px;
+      }
+
+      .btn {
+        padding: 0 26px 0 26px;
+        height: 34px;
+        background: #4ea6ff;
+        border-radius: 5px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        margin-right: 14px;
+        flex-shrink: 0;
+        cursor: pointer;
+
+        .btnText {
+          font-size: 14px;
+          font-weight: 400;
+          color: #ffffff;
+          line-height: 36px;
+          // margin-left: 5px;
+        }
+      }
+
+      .btnn {
+        padding: 0 26px 0 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;
+
+        .btnText {
+          font-size: 14px;
+          font-weight: 400;
+          color: #fff;
+          line-height: 36px;
+          // margin-left: 5px;
+        }
+      }
+      .btn1:active {
+        background: #0982ff;
+      }
+
+      .btn2:active {
+        background: rgba(64, 158, 255, 0.2);
+      }
+    }
+
+    .btns {
+      display: flex;
+
+      .btn {
+        padding: 0 26px;
+        height: 34px;
+        background: #4ea6ff;
+        border-radius: 5px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        margin-right: 14px;
+        flex-shrink: 0;
+        cursor: pointer;
+        .btnText {
+          font-size: 14px;
+          font-weight: 400;
+          color: #ffffff;
+          line-height: 36px;
+          // margin-left: 5px;
+        }
+      }
+
+      .btn3 {
+        margin-right: 0;
+      }
+
+      .btn3:active {
+        background: #0982ff;
+      }
+    }
+  }
+
+  //底部
+  .right1 {
+    border-left: 1px solid #f2f6fe;
+    margin-left: 20px;
+
+    .onerow {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      margin-right: 40px;
+      flex-wrap: wrap;
+
+      width: 100%;
+
+      .onleft {
+        display: flex;
+        text-align: center;
+
+        .already {
+          color: rgba(51, 51, 51, 1);
+          font-size: 16px;
+          font-weight: 500;
+          margin-left: 32px;
+          white-space: nowrap;
+          // margin-bottom: 20px;
+        }
+
+        .count {
+          color: #4ea6ff;
+          font-size: 16px;
+          margin: 0 6px;
+        }
+
+        .peo {
+          color: rgba(51, 51, 51, 1);
+          font-size: 16px;
+          font-weight: 500;
+        }
+      }
+
+      .clbox {
+        margin-right: 50px;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        cursor: pointer;
+        width: 104px;
+        height: 32px;
+        border-radius: 4px;
+        background: #4ea6ff;
+
+        .colose {
+          width: 16px;
+          height: 16px;
+          background-image: url(../../assets/images/basicinfo/ch.png);
+          background-size: 100%;
+          margin-right: 4px;
+        }
+
+        .allclear {
+          color: rgba(255, 255, 255, 1);
+          font-size: 14px;
+        }
+      }
+    }
+
+    .selecteds {
+      display: flex;
+      flex-wrap: wrap;
+      margin-left: 32px;
+
+      .person {
+        width: 100%;
+        margin-top: 20px;
+        border-top: 1px solid #f2f6fe;
+      }
+
+      .chose {
+        width: 160px;
+        height: 32px;
+        margin-top: 25px;
+        margin-right: 25px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        border-radius: 2px;
+        border: 1px solid rgba(56, 139, 225, 1);
+        color: rgba(56, 139, 225, 1);
+        font-size: 12px;
+        position: relative;
+        padding: 0 10px;
+        border-radius: 16px;
+        .ch {
+          position: absolute;
+          width: 18px;
+          height: 18px;
+          background-image: url(../../assets/images/basicinfo/ch.png);
+          right: -8px;
+          top: -8px;
+        }
+      }
+
+      .ifsw {
+        display: flex;
+        align-items: end;
+        justify-content: center;
+        color: #4ea6ff;
+      }
+
+      .sw {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        text-align: justify;
+        color: #4ea6ff;
+        margin-top: 23px;
+        margin-left: 10px;
+      }
+
+      .dept {
+        width: 100%;
+        margin-top: 30px;
+        border-top: 1px solid #f2f6fe;
+      }
+
+    }
+  }
+
+
+
+}
+</style>
diff --git a/src/views/lecturer/ExternalLecturer.vue b/src/views/lecturer/ExternalLecturer.vue
new file mode 100644
index 00000000..6711ea61
--- /dev/null
+++ b/src/views/lecturer/ExternalLecturer.vue
@@ -0,0 +1,1233 @@
+<!-- 外部讲师页面 -->
+<template>
+  <div>
+    <!-- 搜索框及按钮 -->
+    <div class="filter" >
+      <a-form layout="inline">
+        <a-form-item  class="select">
+          <!--  v-model:value="searchParam.name" -->
+          <a-input v-model:value="searchParam.name" style="width: 276px; height: 40px; border-radius: 8px"
+            placeholder="请输入讲师姓名/手机号进行检索" allowClear showSearch 
+            v-on:keydown.enter="enterPressHadlerSearch">
+          </a-input>
+        </a-form-item >
+        <a-form-item  class="select">
+          <a-select style="width: 276px" v-model:value="searchParam.status" placeholder="账号状态"
+            :options="AccountStatusList"
+            v-on:keydown.enter="enterPressHadlerSearch">
+          </a-select>
+        </a-form-item >
+        <div style="display: flex; margin-bottom: 20px">
+          <a-button @click="searchSubmit()" type="primary" class="resetbtn">查询 </a-button>      
+          <a-button class="resetbtn " @click="searchReset">重置</a-button>
+        </div>
+      </a-form>
+      <div style="width: 100%;"></div>
+      <div style="display: flex; margin-bottom: 20px">
+        <a-button @click="addTeacher()" type="primary" style="width:120px;" class="resetbtn">
+          <div class="search"></div> 新增讲师
+        </a-button>
+        <div>
+          <a-button @click="handleExport()" class="resetbtn">
+            <UploadOutlined /> 导出
+          </a-button>
+        </div>
+      </div>
+      <!-- 表格 -->
+      <div style="padding: 10px 0">
+        <a-table :header-cell-style="{ 'text-align': 'center' }" :columns="columns"
+          :data-source="tableData" :loading="tableLoading" :scroll="{ x: '900' }" :pagination="false">
+          <template #action="{ record, column }">
+              <a-space >
+                <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.status == '1'" type="link"
+                  @click="() => handleOperate(record, String(record.courseform))">停用</a-button>
+                <a-button v-if="record.status == '2'" type="link"
+                  @click="() => handleOperate(record, String(record.courseform))">启用</a-button>
+                  <a-button type="link" v-if="record.isSuperPermission==='true'" @click="() => deleteModal(record, String(record.courseform))"
+                      >删除</a-button>
+                <!-- <a-button type="link" @click="() => deleteModal(record, String(record.courseform))"
+                   v-if="lecturerAdmin('Lecturer-admin')">删除</a-button> -->
+              </a-space>
+          </template>
+        </a-table>
+      </div>
+
+    </div>
+    <div class="tableBox ">
+      <div  class="pa">
+        <a-pagination v-if="tableDataTotal > 10" :showSizeChanger="true" :showQuickJumper="false"
+          :hideOnSinglePage="false" :pageSize="searchParam.pageSize" :current="searchParam.pageNo" :total="tableDataTotal"
+          class="pagination" @change="changePagination" />
+      </div>
+    </div>
+    <!-- 弹窗组件 -->
+    <a-drawer v-model:visible="teacherdialog" placement="right" :closable="false" :maskClosable="false"
+    width="700px" :title="false">
+      <div class="headers" style="margin-top:-24px;">
+        <div class="headerTitle">{{ teacherdialogtitle }}</div>
+        <img
+          style="width: 29px; height: 29px; cursor: pointer"
+          src="@/assets/images/basicinfo/close.png"
+          @click="cancelTeacherDialog"
+        />
+      </div>
+      <a-form style="padding-left:12px;padding-right: 46px;" :model="formParam" :rules="rules" layout="vertical"  ref="formRef" >
+        <!-- 基本信息 -->
+        <a-row>
+          <a-col :span="24">
+          <span class="line"></span><span style="font-weight: 600;">基本信息</span>
+        </a-col>
+        <!-- 头像 -->
+        </a-row>
+        <a-row :gutter="16">
+          <a-col :span="24">
+            <div class="item_inp" style="background-color: #fff;">
+                <a-upload name="avatar" list-type="picture-card" class="avatar-uploader" :show-upload-list="false"
+                  :headers="headers" :before-upload="beforeUpload">
+                 <img class="i_upload_img" v-if="formParam.photo" :src="formParam.photo" alt="avatar" title="更换头像" />
+                 <img class="i_upload_img" v-else src="../../assets/avatar.png" alt="avatar" title="更换头像" />
+                  <!-- <div class="i_upload" v-else>
+                    <div class="addimg">
+                      <div class="heng"></div>
+                      <div class="shu"></div>
+                    </div>
+                  </div> -->
+                </a-upload>
+              <div class="i_bottom">
+                <div class="tip" style="margin-bottom: 10px;">
+                  <span style="color: #999999; margin-left: 8px">支持图片格式为jpg/jpeg/png </span>
+                </div>
+              </div>
+            </div>
+          </a-col>
+        </a-row>
+        <!-- 讲师名称 ,手机号码-->
+        <a-row :gutter="16">
+          <a-col :span="24">
+            <a-form-item label="讲师姓名" name="name">
+              <a-input v-model:value="formParam.name" class="draitem"   :maxlength="20"   showCount
+              @blur="sendName"
+            placeholder="请输入讲师姓名" allowClear showSearch>
+          </a-input>  
+            </a-form-item>
+          </a-col>
+          <a-col :span="24">
+            <a-form-item label="供应商" name="supplier">
+              <a-input  v-model:value="formParam.supplier"  class="draitem"   :maxlength="30" showCount
+                  placeholder="请输入供应商" allowClear showSearch>
+                </a-input>
+            </a-form-item>
+          </a-col>
+        </a-row>
+        <!-- 供应商 ,邮箱-->
+        <a-row :gutter="16">
+          <a-col :span="24">
+            <a-form-item label="手机号码" name="mobile" prop="mobile">
+                <a-input  v-model:value.trim="formParam.mobile"  class="draitem"
+                  placeholder="请输入手机号码" allowClear showSearch   :maxLength="11" @blur="sendPhone">
+                </a-input>
+            </a-form-item>
+          </a-col>
+          <a-col :span="24">
+            <a-form-item label="讲师邮箱" name="email" prop="email">
+              <a-input  v-model:value="formParam.email" type="email"  class="draitem"
+                  placeholder="请输入讲师邮箱" allowClear showSearch @blur="sendEmail">
+                </a-input>
+            </a-form-item>
+          </a-col>
+        <a-col :span="24">
+          <a-form-item label="初始授课时长" name="teaching">
+              <a-input v-model:value="formParam.teaching" style="width:80%; height: 40px; border-radius: 8px ; "
+                placeholder="0" allowClear showSearch suffix="分钟" @blur="clearNonNumber">
+              </a-input>
+              <span style="margin-left: 5px ;" v-if="formParam.teaching !== null">{{ (formParam.teaching / 60
+              ).toFixed(2) }}小时</span>
+              <span style="margin-left: 5px ;" v-if="formParam.teaching === null">0.00小时</span>
+            </a-form-item>
+          </a-col>
+        </a-row>
+        <!-- 其他信息 -->
+        <a-row>
+          <a-col :span="24" style="margin-bottom: 15px;">
+          <span class="line"></span><span style="font-weight: 600;">其他信息</span>
+        </a-col>
+        </a-row>
+        <!-- 讲师介绍 -->
+        <a-row :gutter="16">
+          <a-col :span="24">
+            <a-form-item label="讲师介绍">
+              <Editor v-model:value="formParam.description "/>
+              <!-- <a-textarea  placeholder="富文本"/>  -->
+              
+            </a-form-item>
+          </a-col>
+        </a-row>
+        <!-- 备注 -->
+        <a-row :gutter="16">
+          <a-col :span="24">
+            <a-form-item label="备注" style="margin-bottom: 80px;">
+              <a-textarea   
+                              v-model:value="formParam.remark"
+                              showCount
+                              :maxlength="200"
+                              @blur="sendRemark"
+                              style="width: 100%; height: 100px; border-radius: 8px"
+                              placeholder="请输入"/>
+            </a-form-item>
+          </a-col>
+        </a-row>
+      </a-form>
+      <!-- 交互按钮 -->
+      <div
+      :style="{
+        position: 'absolute',
+        right: 0,
+        bottom: 0,
+        width: '100%',
+        borderTop: '1px solid #e9e9e9',
+        padding: '10px 16px',
+        background: '#fff',
+        textAlign: 'right',
+        zIndex: 1,
+      } "
+    >
+      <a-button  class="drabtn"  @click="cancelTeacherDialog" >取消</a-button>
+                <a-button   class="drabtn" type="primary" @click="createTeacherDialog" :loading="buttonLoading">保存
+                </a-button>
+    </div>
+    </a-drawer>
+
+    <!-- 删除功能弹窗 -->
+    <div>
+      <a-modal v-model:visible="deleteTeacherdialog" :footer="null" :closable="close" wrapClassName="canclestu1"
+        centered="true">
+        <div class="delete">
+          <div class="del_header"></div>
+          <div class="del_main">
+            <div class="header">
+              <img src="@/assets/images/coursewareManage/QR.png" alt=""  style="margin-right:5px"/>
+              <span>提示</span>
+            </div>
+            <div class="body">
+              <span>您确定要删除此讲师吗</span>
+            </div>
+            <div class="del_btnbox">
+              <div class="del_btn btn2" @click="cancelTeacherDialog1" style="margin-right: 32px">
+                <div class="btnText">取消</div>
+              </div>
+              <div class="del_btn btn2" @click="closeDeleteTeacher">
+                <div class="btnText">确定</div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </a-modal>
+    </div>
+    <!-- 修改状态功能弹窗 -->
+    <div>
+      <a-modal v-model:visible="editTeacher" :footer="null" :closable="close" wrapClassName="canclestu1" centered="true">
+        <div class="delete">
+          <div class="del_header"></div>
+          <div class="del_main">
+            <div class="header">
+              <img src="@/assets/images/coursewareManage/QR.png" alt=""  style="margin-right:10px"/>
+              <span>提示</span>
+            </div>
+            <div class="body">
+              <span v-if="handleOperate1 == 2">确定要将该讲师启用吗<div></div>启用后讲师可以登选为授课讲师</span>
+              <span v-if="handleOperate1 == 1">确定要将该讲师停用吗<div></div>停用后不可选为授课讲师</span>
+            </div>
+            <div class="del_btnbox">
+              <div class="del_btn btn2" @click="cancelTeacherDialog1" style="margin-right: 32px">
+                <div class="btnText">取消</div>
+              </div>
+              <div class="del_btn btn2" @click="closehandleOperate">
+                <div class="btnText">确定</div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </a-modal>
+    </div>
+    <LookExternalLecturer v-model:visible="lookExternalVisi" :id="lookExterId"></LookExternalLecturer>
+
+
+
+    
+  </div>
+</template>
+<script lang="jsx">
+import { reactive, toRefs, ref,watch ,computed,onMounted} from "vue";
+import Editor from "@/components/project/Editor";
+import { useRouter,useRoute } from "vue-router";
+import { message } from "ant-design-vue";
+import {
+  UploadOutlined,
+  FolderAddOutlined
+} from '@ant-design/icons-vue';
+import ProjectManager from "@/components/project/ProjectManagerNew";
+import { getTeacherList, getTeacherById, deleteInTeacher,  updateTeacherState, insertTeacher, updateInTeacher } from "../../api/Lecturer";
+import { fileUp } from "../../api/indexEval";
+import {getCookieForName} from "@/api/method"
+import SearchTeacher from "@/components/project/SearchTeacher";
+import avatar from '@/assets/avatar.png'
+import LookExternalLecturer from "@/components/project/LookExternalLecturer";
+export default {
+  name: "ExternalLecturer",
+  components: {
+    // AddTeacher,
+    SearchTeacher,
+    ProjectManager,
+    Editor,
+    FolderAddOutlined,//图标--新增
+    UploadOutlined,//图标--导出
+    LookExternalLecturer,
+  },
+  setup() {
+    onMounted(() => {
+      const search = sessionStorage.getItem('searchExter')
+      if(route.query.activeKey == 2&&search){
+        state.searchParam = JSON.parse(search)
+      }
+      searchSubmit()
+    })
+    const route = useRoute();
+    const formRef = ref();
+    const router = useRouter();
+    const userInfo = computed(() => store.state.userInfo);
+    const state = reactive({
+      lookExternalVisi:false,
+      lookExterId: null,
+      currentPage1: 1,
+      pageSize1: 10,
+      close:false,
+      log:true,
+      promotionrecordsLoading: false,  //晋级记录遮罩层
+      tableLoading: false,
+      tagsshow: "1",
+      delTeacherId: null, //删除id确认
+      editTeacherid: null,//修改状态id确认
+      userNoid: null,    //讲师详情工号确认 
+      id: null, //讲师详情id确认
+      newStatus: null, //修改状态码确认
+      deleteTeacherdialog: false, //删除弹窗
+      editTeacher: false,   //修改状态弹窗
+      handleOperate1: null, //修改状态弹窗内容
+      teacherdialog: false,  //控制讲师弹窗
+      teacherdialogtitle: '',//讲师弹框title内容
+      pageSizeOptions: ['10', '20', '30', '50'], //下拉选择每页显示多少条
+      pageSize: 10,
+      tableDataTotal: -1,//table列表总条数
+      teacherrecordstableDataTotal: -1,//授课记录列表总条数
+      tSystemNames:{
+        systemName:null,
+        levelVoList: []
+      },
+      formParam: {
+        description:"",
+        teacherType:'2',
+        photo:null,
+        status:1,
+        teaching:'',
+      },
+      vf:true,
+      searchParam: {
+        teacherType:2,
+        name: null,//姓名
+        status: null,//状态
+        tSystemName: null,
+        pageNo: 1,
+        pageSize: 10
+      },
+      activeName: 'first'
+    })
+
+    const headers = { token: getCookieForName("token") };
+    const beforeUpload = (file) => {
+      const isJpgOrPng =
+        file.type === "image/jpg" ||
+        file.type === "image/jpeg" ||
+        file.type === "image/png" ||
+        file.type === "image/bmp" ||
+        file.type === "image/gif";
+      if (!isJpgOrPng) {
+        message.error("仅支持jpg、gif、png、jpeg、bmp格式!");
+        return false;
+      }
+      let isLt1M = file.size < 500000;
+      console.log(file.size, isLt1M)
+      if (!isLt1M) {
+        message.error("图片不能超过500KB! 请重新上传");
+        return false;
+      }
+
+      const formDatas = new FormData();
+      formDatas.append("file", file);
+      console.log("file", file)
+      fileUp(formDatas).then((res) => {
+        if (res.data.code === 200) {
+          console.log(res.data.data, 45);
+          state.formParam.photo = process.env.VUE_APP_FILE_PATH + res.data.data;
+
+          // state.hasImgName = file.name;
+          // emit("src", { id: '', src: res.data.data });
+        }
+      });
+      return false;
+    };
+    const AccountStatusList = ref([
+    { value: '', label: "全部" },
+      { value: 1, label: "启用" },
+      { value: 2, label: "停用" },
+    ])
+    const columns = ref([
+      {
+        title: '讲师姓名 ',
+        dataIndex: 'name',
+        key: 'name',
+      ellipsis: true, align: "center",
+        width: 200,
+      },
+      {
+        title: '供应商',
+        dataIndex: 'supplier',
+        key: 'supplier',
+      ellipsis: true, align: "center",
+        width: 200,
+      },
+      {
+        title: '手机号码',
+        dataIndex: 'mobile',
+        key: 'mobile',
+      ellipsis: true, align: "center",
+        width: 200,
+         customRender: (value, record) => {
+          return (
+            <div>
+              {value.record.mobile||'-'}
+            </div>
+          )
+        }
+      },
+      // {
+      //   title: '讲师邮箱 ',
+      //   dataIndex: 'email',
+      //   key: 'email',
+      // ellipsis: true, align: "center",
+      //   width: 200,
+      // },
+      {
+        title: '授课时长 ',
+        dataIndex: 'teaching',
+        key: 'teaching',
+        ellipsis: true, align: "center",
+        width: 200,
+         customRender: (value, record) => {
+          return (
+            <div>
+              {value.record.teaching}分钟
+            </div>
+          )
+        }
+      },
+      {
+        title: '账号状态 ',
+        dataIndex: 'status',
+        key: 'status',
+      ellipsis: true, align: "center",
+        width: 200,
+        customRender: (value) => {
+          return (
+            <div>
+              {value.record.status == 0 || value.record.status == 1 || value.record.status == 2
+                ? {
+                  '0': "临时",
+                  '1': "启用",
+                  '2': "停用"
+                }[value.record.status + ""] || ""
+                : "-"}
+            </div>
+          )
+        }
+      },
+      {
+        title: '操作 ',
+        dataIndex: 'operation',
+        key: 'operation',
+        align: "right",
+        width: 200,
+        fixed: "right",
+        slots: { customRender: "action" },
+      },
+    ])
+    //列表数据
+    const tableData = ref([
+
+    ])
+    // 搜索
+    const searchSubmit = () => {
+      state.searchParam.pageNo = 1
+      getTableDate();
+    };
+    //重置
+    const searchReset = () => {
+      state.searchParam = {
+        pageNo: 1,
+        pageSize: 10,
+        teacherType:2,
+        name: null,
+        status: null
+      };
+      getTableDate();
+    };
+    //  List接口数据
+    const getTableDate = () => {
+      state.tableLoading = true
+      state.loading = true;
+      let objA = { ...state.searchParam };
+      getTeacherList(objA)
+        .then((res) => {
+          tableData.value = res.data.data.records
+          state.tableDataTotal = Number(res.data.data.total);
+          state.tableLoading = false
+          // console.log("获取讲师tableDatateacherName", tableData);
+        })
+        .catch(err => {
+          state.tableLoading = false
+          message.error(err.data.msg)
+        })
+    };
+    // getTableDate()
+    //   // 翻页
+    const changePagination = (page,pageSize) => {
+      state.searchParam.pageNo = page;
+      state.searchParam.pageSize = pageSize;
+      getTableDate();
+    };
+    // 新增讲师
+    const addTeacher = () => {
+      cancel()
+      state.teacherdialog = true;
+      state.teacherdialogtitle = '新增讲师'
+      // state.formParam.photo =userInfo.value?.avatar
+      state.formParam.photo = null
+      state.vf = true
+      state.formParam.status = '1'
+      // state.formParam.photo = state.formParam.photo === null ?boe : state.formParam.photo
+    }
+    
+    //修改讲师信息弹窗
+    const handleModify = (record) => {
+      state.teacherdialog = true;
+      state.teacherdialogtitle = '修改信息'
+      state.id = record.id
+      state.vf = false
+      TeacherSystem()
+    }
+    async function validateField(name) {
+      return new Promise((resolve) => {
+        formRef.value.validateFields([name])
+          .then(() => {
+            resolve(false);
+          })
+          .catch(() => {
+            resolve(true);
+          });
+      });
+    }
+    //保存
+    const createTeacherDialog = async () => {
+      state.formParam.supplier = state.formParam?.supplier?.trim()
+      const formItemNames = Object.keys(rules);
+      for(let i=0;i<formItemNames.length;i++){
+        const result = await validateField(formItemNames[i]);
+        if (result) {
+          return message.error(rules[formItemNames[i]][0].log)
+        }
+      }
+      state.formParam.description = repl(state.formParam.description)
+      state.formParam = {...state.formParam}
+      if (state.vf == false) {
+          updateInTeacher(state.formParam).then(response => {
+            message.success("编辑成功");
+            state.teacherdialog = false;
+            cancel()
+            getTableDate(); 
+          }).catch(err=>{
+            state.teacherdialog = false;
+            message.destroy()
+            message.error(err.data.msg)
+          })
+        }
+        else {
+          insertTeacher(state.formParam)
+            .then((res) => {
+              message.success("新增成功");
+              state.teacherdialog = false;
+              cancel()
+        getTableDate(); 
+            }).catch(err=>{
+              state.teacherdialog = false;
+              message.destroy()
+              message.error(err.data.msg)
+            })
+        }
+    };
+    //删除弹窗
+    const deleteModal = (record) => {
+      state.deleteTeacherdialog = true
+      state.delTeacherId = record.id
+    };
+    //修改状态窗口
+    const handleOperate = (record) => {
+      if (record.status == 1) {
+        state.handleOperate1 = record.status
+        state.newStatus = 2
+      }
+      if (record.status == 2) {
+        state.handleOperate1 = record.status
+        state.newStatus = 1
+      }
+      state.editTeacherid = record.id
+      state.editTeacher = true
+    };
+
+    //确认删除
+    const closeDeleteTeacher = () => {
+      //调用删除接口
+      deleteInTeacher(state.delTeacherId).then((res) => {
+        if (res.data.code == 200) {
+          message.success("删除成功");
+          state.deleteTeacherdialog = false
+          getTableDate();
+        }
+      })
+      .catch((err) => {
+        state.deleteTeacherdialog = false
+        });
+    }
+    //确认启用停用
+    const closehandleOperate = () => {
+      //调用接口
+      let ids = {
+        id: state.editTeacherid,
+        status: state.newStatus
+      }
+      console.log(ids)
+      updateTeacherState(ids).then((res) => {
+        // message.success("操作成功");
+        state.editTeacher = false
+        getTableDate();
+      })
+      .catch((err) => {
+        state.editTeacher = false
+        });
+    }
+    //取消按钮 清空输入的数据
+    const cancelTeacherDialog = () => {
+      if (state.teacherdialog = true) {
+        formRef.value.resetFields();
+        state.teacherdialog = false
+        cancel()
+      }
+      // state.deleteTeacherdialog = false
+      // state.editTeacher = false
+      // state.tagsshow = 1
+    };
+    const cancelTeacherDialog1 = () => {
+      state.deleteTeacherdialog = false
+      state.editTeacher = false
+      state.tagsshow = 1
+    };
+    watch(() => state.formParam.description, (val) => {
+        console.log(val, 'description')
+      })
+    //清空数据
+    const cancel = () => {
+      state.formParam = {
+        status:1,
+        teacherType:2,
+        photo:null,
+        teaching:null,
+        name: null,
+        mobile: null,
+        email: null,
+        teacherIntrofuce: null,
+        description:"",
+        remark: null,
+        id:null,
+        supplier:null,
+      }
+      console.log(state.formParam);
+    }
+    const rules = {
+      name: [{ required: true, message: '',log: '讲师不能为空' }],
+      supplier:[{ required: true,  message: '',log:'供应商不能为空' }],
+      email:[
+        {
+          type: "email",
+          message: '',log: '请输入正确的邮箱地址',
+          trigger: "blur"
+         }
+        ],
+      mobile: [
+          {
+            pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/,
+            message: '',log: "请输入正确的手机号码",
+            trigger: "blur"
+          }
+        ]
+    }
+    const rule =()=>{
+      if (state.formParam.name==null){
+        state.log = true
+        message.warning( '讲师不能为空')
+      }
+      if (state.formParam.supplier==null){
+        state.log = true
+        message.warning( '供应商不能为空')
+      }
+    }
+    // const  sendEmail= ()=>{
+    //   let regEmail= 
+    //   /^[A-Za-z0-9\u4e00-\u9fa5]+@[a-A-Za-z0-9_-]+(\.[a-a-A-Za-z0-9_-]+)+$/
+    // }
+    //表格内查看数据操作
+    const handleLook = (record) => {
+      state.lookExternalVisi = true
+      state.lookExterId = record.id
+      // sessionStorage.setItem('searchExter', JSON.stringify(state.searchParam))
+      // let id = record.id
+      // router.push({ path: '/LookExternalLecturer', query: { id } })
+    }
+    //外部讲师详情
+    const TeacherSystem = () => {
+      getTeacherById({id:state.id}).then((res) => {
+        console.log("外部讲师详情", res.data);
+        state.formParam = res.data.data
+        state.formParam.description = state.formParam.description == null ? '<p><br></p>' : state.formParam.description
+        // state.formParam.photo = state.formParam.photo === null ? userInfo.value?.avatar : state.formParam.photo
+      })
+        .catch((err) => {
+          message.destroy()
+          message.error(err.data.msg)
+          console.log("外部讲师详情", err);
+        });
+    }
+    const sendName=()=>{
+      // const reg = /\s/g;
+      // if (!state.formParam.name) {
+      // } else if (!reg.test(state.formParam.name)) {
+      //   state.formParam.mobile='2'
+      //   // state.formParam.mobile = state.formParam.mobile.replace(/\D/g, '');
+      // }
+      state.formParam.name = state.formParam?.name?.replace(/\s/g, '');
+    }
+    const sendPhone=()=>{
+      console.log(state.formParam.mobile)
+      const reg = /^1[3|4|5|6|7|8|9][0-9]\d{8}$/;
+      if (!state.formParam.mobile) {
+      } else if (!reg.test(state.formParam.mobile)) {
+        message.warning( '手机号格式不正确')
+        state.formParam.mobile=''
+        // state.formParam.mobile = state.formParam.mobile.replace(/\D/g, '');
+      }
+      
+    }
+    const sendEmail=()=>{
+      const reg = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+.\w{2,}$/;
+      if (!reg.test(state.formParam.email)) {
+        message.warning( '邮箱格式不正确')
+        state.formParam.email=''
+        // state.formParam.email = state.formParam.email.replace( /[\u4e00-\u9fa5]/g, '');
+      }
+    }
+    const clearNonNumber = () => {
+      state.formParam.teaching = state.formParam.teaching.replace(/\D/g, '');
+      state.formParam.teaching = state.formParam.teaching.slice(0,8)
+    }
+    const sendRemark=()=>{
+      state.formParam.remark = state.formParam.remark.replace(/\s/g, '');
+    }
+    const repl = (val) => {
+      if(val){
+        val = val?.replace(/\s*&nbsp;\s*/g, '')
+        val = val?.replace(/\s+/g, '')
+        return val
+      }
+    }
+    // getpromotionrecordstableData()
+    //导出功能
+    const handleExport = () => {  
+      window.open(
+        `${process.env.VUE_APP_BASE_API}/admin/export/exportOutTeacher?pageNo=${state.searchParam.pageNo
+        }&pageSize=${state.searchParam.pageSize}&name=${state.searchParam.name ? state.searchParam.name : ""}&status=${state.searchParam.status ? state.searchParam.status : ""}`
+      );
+      //   this.download('lesson_records/export', {
+      //             ...state.searchParam
+      //         }, `project_${new Date().getTime()}.xlsx` )
+    }
+    const lecturerAdmin = (admin)=>{
+        const roleCode = userInfo.value.roleList.map((item)=>item.roleCode)
+        if (admin){
+          return roleCode.some(t => t == admin)
+        }
+      }
+    //回车
+    const enterPressHadlerSearch = e => {
+  console.log("e",e);
+    if (e.keyCode === 13) {
+      searchSubmit()
+
+    }
+};
+    return {
+      ...toRefs(state),
+      lecturerAdmin,
+      clearNonNumber,
+      enterPressHadlerSearch,
+      validateField,
+      rules,
+      rule,
+      formRef,
+      repl,
+      sendName,
+      sendPhone,
+      sendEmail,
+      sendRemark,
+      // managerChange,
+      headers,
+      beforeUpload,
+      handleExport,
+      AccountStatusList,
+      searchSubmit,
+      searchReset,
+      columns,
+      tableData,
+      changePagination,
+      addTeacher,
+      cancelTeacherDialog,
+      handleLook,
+      cancel,
+      deleteModal,
+      handleModify,
+      closeDeleteTeacher,
+      createTeacherDialog,
+      handleOperate,
+      closehandleOperate,
+      getTableDate, //list接口数据调用
+      TeacherSystem,
+      cancelTeacherDialog1,
+      // getpromotionrecordstableData
+    }
+  },
+};
+</script>
+<style lang="scss" scoped>
+::v-deep .ant-upload.ant-upload-select-picture-card {
+  border-radius: 50% !important;
+  width: 90px;
+  height: 90px;
+}
+.headers {
+  height: 56px;
+  border-bottom: 1px solid #e8e8e8;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  // background-color: red;
+  margin-bottom: 20px;
+  flex-shrink: 0;
+
+  .headerTitle {
+    font-size: 18px;
+    font-weight: 600;
+    color: #333333;
+    line-height: 25px;
+    // margin-left: 24px;
+  }
+}
+//导出按钮icon
+.daochu {
+  width: 16px;
+  height: 18px;
+  background-image: url("../../assets/images/coursewareManage/export1.png");
+}
+
+//弹窗内详情样式
+.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;
+}
+
+.ExternalLecturer {  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;
+      .select {
+        margin-right: 20px;
+        margin-bottom: 20px;
+      }
+    }}
+
+    .ant-modal {
+    .ant-modal-content {
+      width: 424px !important;
+
+      .ant-modal-body {
+        .delete {
+          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-icons {
+                width: 16px;
+                height: 16px;
+                position: relative;
+                margin-right: 10px;
+
+                img {
+                  width: 100%;
+                  height: 100%;
+                  position: absolute;
+                  top: 0px;
+                  left: 0px;
+                  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;
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+.CreatePath {
+  .out {
+    z-index: 9999;
+    display: block;
+    position: absolute;
+    top: 90px;
+    width: 1080px !important;
+    height: 650px;
+    overflow: auto;
+    background-color: #fff;
+
+    box-shadow: 0 0 10px rgba(118, 136, 166, 0.21);
+    left: 50%;
+    top: 300px;
+    transform: translate(-50%, -50%);
+
+    .top {
+      width: 100%;
+      height: 68px;
+
+      background: linear-gradient(rgba(78, 166, 255, 0.2) 0%,
+          rgba(78, 166, 255, 0) 100%);
+      display: flex;
+      align-items: center;
+
+      .topimg {
+        width: 18px;
+        height: 18px;
+        margin-left: 27px;
+        margin-top: -2px;
+      }
+
+      .topc {
+        color: #000000;
+        font-size: 16px;
+        margin-left: 8px;
+      }
+    }
+
+    .mid {
+      width: 100%;
+      height: 100%;
+      background-color: #fff;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+
+      .d {
+        // margin-top: 8px;
+        // color: #ff4e4e;
+        margin-left: -5px;
+      }
+    }
+  }
+}
+
+// 重置样式
+.resetbtn {
+  width: 100px;
+  height: 40px;
+  border-radius: 8px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-right: 14px;
+  flex-shrink: 0;
+  cursor: pointer;
+  .search {
+    width: 15px;
+    height: 16px;
+    margin-right: 5px;
+    background: url("../../assets/images/courseManage/add0.png") no-repeat;
+    background-size: 100% 100%;
+  }
+}
+
+//展开收起样式
+.moreidbtn {
+  border: none;
+  color: #4ea6ff;
+  width: 80px
+}
+
+//小竖线
+.line{
+  float:left; width: 3px; height: 17px; background: #4ea6ff;border-radius: 30%; margin-top: 3px;
+  margin-left: -8px;
+}
+//抽屉功能
+.drawaer
+/* 改变所有 a-tree-select 输入框的高度 */
+.ant-tree-select .ant-select-selection {
+  height: 40px;
+  line-height: 40px;
+  /* 确保文字垂直居中 */
+}
+.draitem{
+ width: 100%;
+  height: 40px !important; 
+  border-radius: 8px;
+  line-height: 40px;
+}
+.drabtn{
+  height:40px;
+  width:80px;
+  border-radius:8px;
+  margin-right:20px
+}
+::v-deep  .ant-select:not(.ant-select-customize-input) .ant-select-selector{
+  border-radius:8px;
+  height:40px;
+}
+.ant-col-12{
+  height:90px;
+}
+.item_inp {
+            flex: 1;
+            text-align: center ;
+            .i_upload_img {
+              width: 84px;
+              height: 84px;
+              border-radius: 8px;
+            }
+
+            .i_upload {
+              width: 100px;
+              height: 100px;
+              border: 1px solid #4ea6ff;
+              border-radius:50%;
+              text-align: center;
+              align-items: center;
+              cursor: pointer;
+
+              .addimg {
+                position: relative;
+
+                .heng {
+                  position: absolute;
+                  top: 50px;
+                  left: 25px;
+                  width: 50px;
+                  border: 1px solid #4ea6ff;
+                }
+
+                .shu {
+                  position: absolute;
+                  top: 25px;
+                  left: 50px;
+                  height: 50px;
+                  border: 1px solid #4ea6ff;
+                }
+              }
+            }
+
+            .ant-upload.ant-upload-select-picture-card {
+              border: 0px !important;
+              border-radius: 50%!important;
+            }
+          }
+          .ant-upload.ant-upload-select-picture-card {
+            border: 0px !important;
+              border-radius: 50%!important;
+          }
+          
+::v-deep .ant-select-selection-overflow-item {
+  margin-top: -2px;
+}
+
+::v-deep .ant-select-multiple .ant-select-selection-item {
+  height: 34px
+}
+.tableBox {
+padding-bottom: 20px;
+margin: 20px 38px 30px;
+::v-deep .ant-select-dropdown{
+ display: inline-block;
+}
+::v-deep .ant-select-selection-item{
+margin-left: 3px;
+}
+::v-deep .ant-pagination-options-size-changer.ant-select{
+width: 84px;
+}
+.pa {
+width: 100%;
+display: flex;
+justify-content: right;
+}
+}
+.item_inp .i_upload_img[data-v-e369ffe0] {
+  border-radius:50% 
+}
+</style>
\ 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..ede8b5c5
--- /dev/null
+++ b/src/views/lecturer/ExternalTeaching.vue
@@ -0,0 +1,1332 @@
+<!-- 外部授课页面 -->
+<template>
+  <div>
+    <!-- 搜索框及按钮 -->
+    <div class="filter">
+      <a-form layout="inline" style="min-width: 1380px;">
+        <a-form-item class="select">
+          <!--  v-model:value="searchParam.name" -->
+          <!-- <a-input v-model:value="searchParam.userNo" style="width: 276px; height: 40px; border-radius: 8px"
+            placeholder="请输入工号/讲师姓名进行检索" allowClear showSearch>
+          </a-input> -->
+          <a-input style="width: 276px; height: 40px; border-radius: 8px" placeholder="请输入讲师姓名/手机号进行检索" showSearch
+            allowClear v-model:value="searchParam.name"
+            v-on:keydown.enter="enterPressHadlerSearch"></a-input>
+        </a-form-item>
+        <a-form-item class="select">
+          <a-input v-model:value="searchParam.courseName" style="width: 276px; height: 40px; border-radius: 8px"
+            placeholder="请输入课程名称进行搜索" allowClear showSearch
+            v-on:keydown.enter="enterPressHadlerSearch">
+          </a-input>
+        </a-form-item>
+        <a-form-item class="select ">
+          <div class="select addTimeBox">
+            <div class="addTime">授课日期：</div>
+            <a-range-picker v-model:value="searchdate" style="width: 420px" format="YYYY-MM-DD" valueFormat="YYYY-MM-DD"
+              separator="至" :placeholder="['      开始时间', '        结束时间']
+              "
+               v-on:keydown.enter="enterPressHadlerSearch" />
+          </div>
+        </a-form-item>
+        <a-form-item class="select">
+          <a-select style="width: 230px ;margin-bottom:20px" v-model:value="searchParam.createFrom" placeholder="录入类型"
+            :options="entryTypeList" allowClear
+            v-on:keydown.enter="enterPressHadlerSearch">
+          </a-select>
+        </a-form-item>
+        <a-form-item class="select">
+          <a-tree-select style="width: 230px" :fieldNames="{
+            children: 'children',
+            label: 'name',
+            value: 'code',
+          }" allow-clear :getPopupContainer="triggerNode => triggerNode.parentNode || document.body"
+            v-model:value="searchParam.courseTypeId" show-search
+            :dropdown-style="{ maxHeight: '400px', overflow: 'auto' }" placeholder="请选择内容分类" tree-default-expand-all
+            :tree-data="sysTypeOptions"
+            v-on:keydown.enter="enterPressHadlerSearch">
+          </a-tree-select>
+        </a-form-item>
+        <a-form-item class="select">
+          <a-select style="width: 230px" v-model:value="searchParam.courseStatus" placeholder="开课状态"
+            :options="AuthenticationStatusList" allowClear
+            v-on:keydown.enter="enterPressHadlerSearch">
+          </a-select>
+        </a-form-item>
+        <div style="display: flex; margin-bottom: 20px">
+          <a-button @click="searchSubmit()" type="primary" class="resetbtn">查询 </a-button>
+          <!-- <div class="btn btn1" @click="searchReset" style="background:rgba(64, 158, 255, 0);" > -->
+          <!-- <div class="search"></div> -->
+          <a-button class="resetbtn " @click="searchReset">重置</a-button>
+
+          <!-- 更多筛选-->
+          <!-- <div v-if="moreid == 1">
+            <a-button @click="handlemoreid()" class="moreidbtn" type="text"> 展开
+              <RightOutlined />
+            </a-button>
+          </div> 
+          
+          <div v-if="moreid == 2">
+            <a-button @click="handlemoreid()" class="moreidbtn"> 返回
+              <UpOutlined />
+            </a-button>
+          </div> -->
+        </div>
+        <div style="width:100%"></div>
+        
+      </a-form>
+      <div style="width: 100%;"></div>
+      <div style="display: flex; margin-bottom: 20px">
+        <a-button @click="addTeacher()" type="primary" class="langbtn">
+          <div class="search"></div> 添加授课记录
+        </a-button>
+        <!-- <div style="margin-left: 20px ;">
+          <a-button @click="addTeacher()" class="langbtn">
+            <UploadOutlined /> 一键生成讲师费
+          </a-button>
+        </div> -->
+        <!-- <a-button class="resetbtn" @click="handleImport()">
+          <DownloadOutlined /> 导入
+        </a-button> -->
+        <a-button @click="handleExport()" class="resetbtn">
+          <UploadOutlined /> 导出
+        </a-button>
+      </div>
+      <!-- 表格 -->
+      <div style="padding: 10px 0">
+        <a-table :header-cell-style="{ 'text-align': 'center' }" style="border: 1px solid #f2f6fe" :columns="columns"
+          :scroll="{ x: 1500 }" :data-source="tableData" :loading="tableLoading" @expand="expandTable"
+          :pagination="false">
+          <template #bodyCell="{ record, column }">
+            <template v-if="column.key === 'operation'">
+              <a-space>
+                <a-button type="link" @click="() => handleLook(record, String(record.courseform))">查看</a-button>
+                <a-button type="link" @click="() => handleModify(record, String(record.courseform))" v-if="record.createFrom == 1 && record.courseStatus == 0 ">编辑</a-button>
+                <a-button v-if="record.isSuperPermission==='true'" type="link" @click="() => deleteModal(record, String(record.courseform))">删除</a-button>
+              </a-space>
+            </template>
+          </template>
+        </a-table>
+      </div>
+
+    </div>
+    <div class="tableBox ">
+      <div class="pa">
+        <a-pagination
+            v-if="tableDataTotal > 10"
+            :showSizeChanger="true"
+            :showQuickJumper="false"
+            :hideOnSinglePage="false"
+            :pageSize="searchParam.pageSize"
+            :current="searchParam.pageNo"
+            :total="tableDataTotal"
+            class="pagination"
+            @change="changePagination"
+          />
+          <!--  :show-total="total => `共 ${total} 条数据`" -->
+      </div>
+    </div>
+    <!-- 弹窗组件 -->
+    <a-drawer v-model:visible="teacherdialog" placement="right" :maskClosable="false" :closable="false"
+      width="60%" :title="false">
+      <div class="headers" style="margin-top:-24px;">
+        <div class="headerTitle">{{ teacherdialogtitle }}</div>
+        <img
+          style="width: 29px; height: 29px; cursor: pointer"
+          src="@/assets/images/basicinfo/close.png"
+          @click="cancelTeacherDialog"
+        />
+      </div>
+      <a-form :model="formParam" :rules="rules" layout="vertical" ref="formRef">
+        <!--讲师名称  teacherName 内容分类 coursetypeid -->
+        <a-row :gutter="16">
+          <a-col :span="12">
+       
+            <a-form-item label="讲师名称" name="teacherName">
+                   <ProjectManagerOutTeacher v-model:value="formParam.name" 
+        v-model:name="formParam.teacherName" 
+        placeholder="请输入工号/讲师姓名进行检索"
+                            @onChange="managerChange"></ProjectManagerOutTeacher> 
+                            
+              <!-- <a-input v-model:value="formParam.teacherName" allowClear showSearch class="draitem"
+                placeholder="请输入讲师姓名"></a-input> -->
+            </a-form-item>
+          </a-col>
+          <a-col :span="12">
+            <a-form-item label="内容分类" name="courseTypeId">
+              <a-tree-select :fieldNames="{
+                children: 'children',
+                label: 'name',
+                value: 'code',
+              }" allow-clear :getPopupContainer="triggerNode => triggerNode.parentNode || document.body"
+                v-model:value="formParam.courseTypeId" show-search
+                :dropdown-style="{ maxHeight: '400px', overflow: 'auto' }" placeholder="请选择内容分类" tree-default-expand-all
+                :tree-data="sysTypeOptions"
+                @change="treetype">
+              </a-tree-select>
+            </a-form-item>
+          </a-col>
+        </a-row>
+        <!-- 课程名称：name  开课状态 courseStatus-->
+        <a-row :gutter="16">
+          <a-col :span="12">
+            <a-form-item label="课程名称" name="courseName">
+              <a-input class="draitem" v-model:value="formParam.courseName"  :maxlength="20"   showCount  placeholder="请输入课程名称"  @blur="sendName" allowClear showSearch>
+              </a-input>
+            </a-form-item>
+          </a-col>
+          <a-col :span="12">
+            <a-form-item label="开课状态">
+              <a-radio-group v-model:value="formParam.courseStatus" class="draitem">
+                <a-radio :value="0">未开课</a-radio>
+                <a-radio :value="1">已开课</a-radio>
+              </a-radio-group>
+            </a-form-item>
+          </a-col>
+        </a-row>
+        <!-- 授课日期 teachingDate  授课时长defaultTeachingTime-->
+        <a-row :gutter="16">
+          <a-col :span="12">
+            <a-form-item label="授课/课程日期 :" name="teachingDate">
+              <a-date-picker class="draitem" v-model:value="teachingDate" style="width:100%" format="YYYY-MM-DD HH:mm" :show-time="{ format: 'HH:mm' }"
+                placeholder="请选择课程日期" />
+            </a-form-item>
+          </a-col>
+          <a-col :span="12">
+            <a-form-item label="授课时长" name="teaching">
+              <a-input v-model:value="formParam.teaching" style="width:80%; height: 40px; border-radius: 8px; "
+                placeholder="0" allowClear showSearch suffix="分钟" 
+                :maxLength="8" @blur="clearNonNumber">
+              </a-input>
+              <span style="margin-left: 5px ;" v-if="formParam.teaching != null">{{ (formParam.teaching / 60
+              ).toFixed(2) }}小时</span>
+              <span style="margin-left: 5px ;" v-if="formParam.teaching == null">0.00小时</span>
+            </a-form-item>
+          </a-col>
+        </a-row>
+        <!-- 参训人数 studys评分  score-->
+        <a-row :gutter="16">
+          <a-col :span="12">
+            <a-form-item label="参训人数" name="studys">
+              <a-input v-model:value="formParam.studys" class="draitem" placeholder="0 " allowClear showSearch :maxLength="8"
+                @blur="clearstudysNumber">
+              </a-input>
+            </a-form-item>
+          </a-col>
+          <a-col :span="12">
+            <a-form-item label="评分" name="score">
+              <!-- <a-input class="draitem" v-model:value="formParam.score"  @blur="clearscoreNumber" placeholder="" allowClear showSearch>
+              </a-input> -->
+                   <a-input-number v-model:value="formParam.score" :precision="2" :min="0" :max="10" 
+              style="width:100%; height: 40px; border-radius: 8px ; " />
+            </a-form-item>
+          </a-col>
+        </a-row>
+        <!-- 备注 remark -->
+        <a-row :gutter="16">
+          <a-col :span="24">
+            <a-form-item label="备注">
+              <a-textarea v-model:value="formParam.remark" showCount :maxlength="200"
+              @blur="sendRemark"
+                style="width: 100%; height: 100px; border-radius: 8px" placeholder="请输入" />
+            </a-form-item>
+          </a-col>
+        </a-row>
+      </a-form>
+      <div :style="{
+        position: 'absolute',
+        right: 0,
+        bottom: 0,
+        width: '100%',
+        borderTop: '1px solid #e9e9e9',
+        padding: '10px 16px',
+        background: '#fff',
+        textAlign: 'right',
+        zIndex: 1,
+      }">
+        <a-button class="drabtn" @click="cancelTeacherDialog">取消</a-button>
+        <a-button class="drabtn" type="primary" @click="createTeacherDialog" :loading="buttonLoading">保存
+        </a-button>
+      </div>
+    </a-drawer>
+    <!-- 查看授课记录 -->
+    <a-drawer v-model:visible="teachingdialog" placement="right" :maskClosable="false" :closable="false"
+      width="60%" :title="false">
+      <div class="headers" style="margin-top:-24px;">
+        <div class="headerTitle">查看讲师授课记录</div>
+        <img
+          style="width: 29px; height: 29px; cursor: pointer"
+          src="@/assets/images/basicinfo/close.png"
+          @click="cancelTeachingDialog"
+        />
+      </div>
+      <a-descriptions bordered :column="2" :contentStyle="rowCenter" :labelStyle="{'width':'160px'}">
+        <a-descriptions-item label="讲师名称">{{ formParam.teacherName ||'-'}}</a-descriptions-item>
+        <a-descriptions-item label="手机号码">{{ formParam.mobile  ||'-'}}</a-descriptions-item>
+        <a-descriptions-item label="课程类型">{{ formParam.type == 0 ? '在线课' : formParam.type == 1 ? '面授课' : '-'
+        }}</a-descriptions-item>
+        <a-descriptions-item label="课程名称">{{ formParam.courseName  ||'-'}}</a-descriptions-item>
+        <a-descriptions-item label="开课状态">{{ formParam.courseStatus == 0 ? '未开课' : formParam.courseStatus == 1
+          ? '已开课' : '-' }}</a-descriptions-item>
+        <a-descriptions-item label="内容分类  ">{{ formParam.courseTypeName  ||'-'}}</a-descriptions-item>
+        <a-descriptions-item label="授课/课程日期  ">{{ formParam.teachingDate ||'-' }}
+        
+        </a-descriptions-item>
+        <a-descriptions-item label="授课时长  ">  <span > {{ formParam.teaching  }} 分钟</span> 
+          <span style="margin-left: 10px ;" v-if="formParam.teaching != '0'">({{ (formParam.teaching / 60
+          ).toFixed(2) }}小时)</span>
+        </a-descriptions-item>
+        <a-descriptions-item label="评分  ">{{ formParam.score  ||'-'}}</a-descriptions-item>
+        <a-descriptions-item label="参训人数  ">{{ formParam.studys  ||'-'}}</a-descriptions-item>
+        <a-descriptions-item label="备注  " :span="2">{{ formParam.remark ||'-' }}</a-descriptions-item>
+      </a-descriptions>
+      <!-- <div :style="{
+        position: 'absolute',
+        right: 0,
+        bottom: 0,
+        width: '100%',
+        borderTop: '1px solid #e9e9e9',
+        padding: '10px 16px',
+        background: '#fff',
+        textAlign: 'right',
+        zIndex: 1,
+      }">
+        <a-button class="drabtn" @click="cancelTeachingDialog">取消</a-button>
+        <a-button class="drabtn" type="primary" @click="cancelTeachingDialog" :loading="buttonLoading">返回
+        </a-button>
+      </div> -->
+    </a-drawer>
+    <!-- 删除功能弹窗 -->
+    <div>
+      <a-modal v-model:visible="deleteTeacherdialog" :footer="null" :closable="close" wrapClassName="canclestu1"
+        centered="true">
+        <div class="delete">
+          <div class="del_header"></div>
+          <div class="del_main">
+            <div class="header">
+              <img src="@/assets/images/coursewareManage/QR.png" alt="" style="margin-right:10px" />
+              <span>提示</span>
+            </div>
+            <div class="body">
+              <span>您确定要删除此条记录吗</span>
+            </div>
+            <div class="del_btnbox">
+              <div class="del_btn btn2" @click="cancelTeacherDialog1" style="margin-right: 32px">
+                <div class="btnText">取消</div>
+              </div>
+              <div class="del_btn btn2" @click="closeDeleteTeacher">
+                <div class="btnText">确定</div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </a-modal>
+    </div>
+    <!-- <div> <ImageUpload/> </div>         -->
+    <ImportWork v-model:showWork="showWork" :template="'外部授课记录导入模板'" :url="'/admin/export/importOutTeacherRecord'" :title="title"></ImportWork>
+  </div>
+</template>
+<script lang="jsx">
+import { reactive, toRefs, ref, computed,onMounted } from "vue";
+import { useRouter ,useRoute} from "vue-router";
+import { useStore } from "vuex";
+import {
+  RightOutlined,
+  UpOutlined,
+  UploadOutlined,
+  FolderAddOutlined,
+  DownloadOutlined
+} from '@ant-design/icons-vue';
+import ImportWork from "../../components/lecturer/ImportWork.vue";
+import { message } from "ant-design-vue";
+import ProjectManager from "@/components/project/ProjectManagerNew";
+import ProjectManagerOutTeacher from "@/components/project/ProjectManagerOutTeacher";
+import dayjs from "dayjs";
+import { getTeacherCourseList, updateInTeacherCourse, getNewInTeacherCourseList, deleteInTeacherCourse, insertInTeacherCourse } from "../../api/Teaching";
+// import {getProjSt} from "../../api/indexProjStu";
+// import AddTeacher from "../../components/drawers/project/AddTeacher"
+export default {
+  name: "ExternalTeaching",
+  components: {
+    RightOutlined, //图标--展开
+    UpOutlined,//图标--收起
+    UploadOutlined,//图标--导出
+    DownloadOutlined,//图标-导入
+    FolderAddOutlined,//图标--新增
+    ProjectManager,
+    ProjectManagerOutTeacher,
+    ImportWork,
+  },
+  setup() {
+    onMounted(() => {
+      const search = sessionStorage.getItem('searchExter')
+      if(route.query.activeKey == 2&&search){
+        state.searchParam = JSON.parse(search)
+      }
+      searchSubmit()
+    })
+    const route = useRoute()
+    const formRef = ref();
+    const store = useStore();
+    const router = useRouter();
+    const state = reactive({
+      vf: false,
+      showWork: false,
+      moreid: 1,
+      title: "导入外部授课记录",
+      tableLoading: false,
+      delTeacherId: null, //删除id确认 
+      userNoid: null,    //详情工号确认 
+      lookTeacherId: null, //详情id确认
+      deleteTeacherdialog: false, //删除弹窗
+      teacherdialog: false,  //控制弹窗
+      teacherdialogtitle: '',//讲师弹框title内容
+      teachingdialog: false,//查看抽屉
+      pageSizeOptions: ['10', '20', '30', '50'], //下拉选择每页显示多少条
+      beginTime: null, //开始时间
+      endTime: null, //结束时间
+      teachingDate: undefined, //选择时间
+      tableDataTotal: -1,//table列表总条数
+      formParam: {
+        courseStatus: 1,
+        createFrom: 1,
+        teaching: null,
+        teachingDate: null,
+        teacherId:null,
+        mobile:null
+      },
+      searchdate: undefined, //选择时间
+      searchParam: {
+        recordType: 2,
+        pageNo: 1,
+        pageSize: 10,
+        name: null,
+        address: null,
+        courseStatus: null,
+        beginTime: null,
+        endTime: null,
+        createFrom: null,
+      },
+    })
+    //     function searchTimeChange(time, timeStr) {
+    //       let startTime = timeStr[0]
+    //       let endTime = timeStr[1] ;
+    //       state.startTime = new Date(startTime).getTime();
+    //       state.endTime = new Date(endTime).getTime();
+    //       // state.searchParam.beginTime = new Date(beginTime).getTime() ;
+    //       // state.searchParam.endTime = new Date(endTime).getTime() ;
+    //       state.searchParam.beginTime = state.startTime ? state.startTime : null,
+    //         state.searchParam.endTime = state.endTime ? state.endTime : null
+    // }
+    const AddressList = ref([
+    ]);
+    const rules = {
+      teacherName: [{ required: true, message: '', log: '讲师不能为空' }],
+      courseTypeId: [{ required: true, message: '', log: '内容分类不能为空' }],
+      courseName: [{ required: true, message: '', log: '课程名称不能为空' }],
+      courseStatus: [{ required: true, message: '', log: '课程状态不能为空' }],
+      teaching: [{ required: true, message: '', log: '授课时长不能为空' }],
+      teachingDate: [{ required: true, message: '', log: '授课日期不能为空' }],
+      studys: [{ required: true, message: '', log: '参训人数不能为空' }],
+      score: [{ required: true, message: '', log: '评分不能为空' }],
+    }
+    //获取开课场地
+
+    //获取内容分类
+    const sysTypeOptions = computed(() => store.state.content_type);
+    const treetype =(val,lab)=>{
+      state.formParam.courseTypeName =lab.toString()
+    }
+    const OnTheJobStatusList = ref([
+      { value: 1, label: "项目开课" },
+      { value: 2, label: "路径开课" },
+      { value: 3, label: "面授开课" },
+    ])
+    const AuthenticationStatusList = ref([
+    { value: '', label: "全部" },
+      { value: 0, label: "未开课" },
+      { value: 1, label: "已开课" },
+    ])
+    const entryTypeList = ref([
+    { value: '', label: "全部" },
+      { value: 0, label: "系统生成" },
+      { value: 1, label: "手动录入" },
+    ])
+    const columns = ref([
+
+      // {
+      //   title: '课程编号 ',
+      //   dataIndex: 'userNo',
+      //   key: 'userNo',
+      //   ellipsis: true,
+      //   width: 100,
+      // },
+      {
+        title: '讲师姓名 ',
+        dataIndex: 'teacherName',
+        key: 'teacherName',
+        ellipsis: true, align: "center",
+        width: 150,
+      },
+      {
+        title: '手机号码 ',
+        dataIndex: 'mobile',
+        key: 'mobile',
+        ellipsis: true, align: "center",
+        width: 150,
+      },
+      {
+        title: '课程类型 ',
+        dataIndex: 'type',
+        key: 'type',
+        ellipsis: true, align: "center",
+        width: 120,
+        customRender: (value) => {
+          return (
+              <div>
+                {String(value.record.type)
+                  ? {
+                    "0": "在线课",
+                    "1": "面授课",
+                    "2": "课程开发",
+                    "3": "作业员入模培训",
+                    "4": "其他",
+                  }[value.record.type + ""]
+                  : "-"}
+              </div>
+            )
+        }
+      },
+      {
+        title: '课程名称 ',
+        dataIndex: 'courseName',
+        key: 'courseName',
+        ellipsis: true, align: "center",
+        width: 150,
+      },
+      {
+        title: '录入类型',
+        dataIndex: 'createFrom',
+        key: 'createFrom',
+        ellipsis: true, align: "center",
+        width: 120,
+        customRender: (value) => {
+          return (
+            <div>
+              {value.record.createFrom == "0" || value.record.createFrom == "1"
+                ? {
+                  "0": "系统生成",
+                  "1": "手动录入",
+                }[value.record.createFrom + ""] || ""
+                : "-"}
+            </div>
+          )
+        }
+      },
+      {
+        title: '授课时间 ',
+        dataIndex: 'teachingDate',
+        key: 'teachingDate',
+        ellipsis: true, align: "center",
+        width: 200,
+        customRender: (value) => {
+          return (
+            <div>
+              {dayjs(value.record?.teachingDate).format("YYYY-MM-DD HH:mm")}
+            </div>
+          );
+        },
+      },
+      // {
+      //   title: '开课场地 ',
+      //   dataIndex: 'address',
+      //   key: 'address',
+      // ellipsis: true, align: "center",
+      //   width: 100,
+      // },
+      {
+        title: '开课状态 ',
+        dataIndex: 'courseStatus',
+        key: 'courseStatus',
+        ellipsis: true, align: "center",
+        width: 120,
+        customRender: (value) => {
+          return (
+            <div>
+              {value.record.courseStatus == 0 || value.record.courseStatus == 1
+                ? {
+                  "0": "未开课",
+                  "1": "已开课",
+                }[value.record.courseStatus + ""] || ""
+                : "-"}
+            </div>
+          )
+        }
+      },
+      // {
+      //     title: "内容分类",
+      //     width: 100,
+      //     dataIndex: "sysType1",
+      //     ellipsis: true,
+      //     key: "keywords",
+      //     align: "center",
+      //  //customRender: ({ record,text }) =>
+      //  //`${getSysTypeMap(record.sysType1, record.sysTypeId)?getSysTypeMap//(record.sysType1) : ""}
+      //  //${getSysTypeMap(record.sysType2, record.sysTypeId)?'-'+getSysTypeMap//(record.sysType2) : ""}
+      //  //${getSysTypeMap(record.sysType3, record.sysTypeId)?'-'+getSysTypeMap//(record.sysType3) : ""}
+      //  //   `
+      //   },
+      {
+        title: '内容分类',
+        dataIndex: 'courseTypeName',
+        key: 'courseTypeName',
+        ellipsis: true, align: "center",
+        width: 120,
+      },
+      {
+        title: '授课时长(H) ',
+        dataIndex: 'teaching',
+        key: 'teaching',
+        ellipsis: true, align: "center",
+        width: 120,
+        customRender: (value) => {
+          return (
+            <div>
+              {(value.record?.teaching/60).toFixed(2)+'小时' || '-' }
+            </div>
+          );
+        },
+      },
+      {
+        title: '学习总人数',
+        dataIndex: 'studys',
+        key: 'studys',
+        ellipsis: true, align: "center",
+        width: 120,
+      },
+      {
+        title: '评分',
+        dataIndex: 'score',
+        key: 'score',
+        ellipsis: true, align: "center",
+        width: 120,
+      },
+
+      {
+        title: '操作 ',
+        dataIndex: 'operation',
+        key: 'operation',
+        ellipsis: true,
+        align: "right",
+        fixed: "right",
+        width: 200,
+        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 getSysTypeMap = (code) => {
+      if (code == "") return
+      // console.log(store.state.sysTypeMap,'map集合');
+      return store.state.sysTypeMap.get(code)
+    }
+    // getSysTypeMap()
+    // 搜索
+    const searchSubmit = () => {
+      getTableDate();
+    };
+    //重置
+    const searchReset = () => {
+      state.searchdate = null,
+        state.searchParam = {
+          recordType: 2,
+          pageNo: 1,
+          pageSize: 10,
+          managerId: null,
+          name: null,
+          manager: null,
+          courseStatus: null,
+          createFrom: null,
+          systemId: null,
+          endTime: null,
+          beginTime: null,
+        };
+      getTableDate();
+    };
+    //  List接口数据
+    const getTableDate = (obj) => {
+      state.tableLoading = true
+      state.tableLoading = true
+      let objA = { ...state.searchParam };
+      objA.beginTime = state.searchdate ? dayjs(state.searchdate[0]).format("YYYY-MM-DD") : "",
+        objA.endTime = state.searchdate ? dayjs(state.searchdate[1]).format("YYYY-MM-DD") : "",
+        getNewInTeacherCourseList(objA)
+          .then((res) => {
+            tableData.value = res.data.data.records
+            state.tableDataTotal = Number(res.data.data.total);
+            state.tableLoading = false
+            console.log("获取tableData", tableData);
+          })
+          .catch(err => {
+          state.tableLoading = false
+          message.error(err.data.msg)
+        })
+
+    };
+    getTableDate()
+    const changePagination = (page, pageSize) => {
+      state.searchParam.pageNo = page;
+      // state.pageNo = page;
+      state.searchParam.pageSize = pageSize;
+      getTableDate();
+    };
+    // 新增讲师
+    const addTeacher = () => {
+      cancel()
+      state.teacherdialog = true;
+      state.teacherdialogtitle = '添加授课记录'
+      state.formParam.createFrom='1'
+      state.vf = true
+
+    }
+    //修改讲师信息弹窗
+    const handleModify = (record) => {
+      state.teacherdialog = true;
+      state.teacherdialogtitle = '编辑授课记录'
+      state.lookTeacherId = record.id
+      state.formParam.recordType = '1'
+      state.vf = false
+      TeacherSystem()
+    }
+    async function validateField(name) {
+      return new Promise((resolve) => {
+        formRef.value.validateFields([name])
+          .then(() => {
+            resolve(false);
+          })
+          .catch(() => {
+            resolve(true);
+          });
+      });
+    }
+    //保存
+    const createTeacherDialog = async () => {
+      state.formParam.teachingDate = state.teachingDate ? dayjs(state.teachingDate).format("YYYY-MM-DD HH:mm").toString() : ""
+      console.log(state.formParam)
+      if(state.formParam.studys==0){
+        state.formParam.studys = null
+      }
+      if(state.formParam.score){
+        state.formParam.score = String(state.formParam.score)
+      }else{
+        state.formParam.score = null
+      }
+      const formItemNames = Object.keys(rules);
+      for (let i = 0; i < formItemNames.length; i++) {
+        const result = await validateField(formItemNames[i]);
+        if (result) {
+          return message.error(rules[formItemNames[i]][0].log)
+        }
+      }
+      state.formParam = { ...state.formParam }
+      if (state.vf == false) {
+        updateInTeacherCourse(state.formParam).then(response => {
+          message.success("编辑成功");
+          state.teacherdialog = false;
+          cancel()
+          getTableDate();
+        });
+      }
+      else {
+        insertInTeacherCourse(state.formParam)
+          .then((res) => {
+            message.success("新增成功");
+            state.teacherdialog = false;
+            cancel()
+            getTableDate();
+          }).catch((err) => {
+            console.log(err);
+          });
+      }
+    };
+    //删除弹窗
+    const deleteModal = (record) => {
+      state.deleteTeacherdialog = true
+      state.delTeacherId = record.id
+    };
+
+    //确认删除
+    const closeDeleteTeacher = () => {
+      //调用删除接口
+      //   let obj ={
+      //    offcourseId :state.delTeacherId,
+      //     recordType:2
+      // }
+      deleteInTeacherCourse(state.delTeacherId,).then((res) => {
+        if (res.data.code == 200) {
+          message.success("删除成功");
+          state.deleteTeacherdialog = false
+          getTableDate();
+        }
+      }).catch((err) => {
+        state.deleteTeacherdialog = false
+      });
+    }
+
+    //取消按钮 清空输入的数据
+    const cancelTeacherDialog = () => {
+      if (state.teacherdialog = true) {
+        formRef.value.resetFields();
+        state.teacherdialog = false
+        cancel()
+      }
+      state.deleteTeacherdialog = false
+    };
+    const cancelTeacherDialog1 = () => {
+      state.deleteTeacherdialog = false
+    };
+    //清空数据
+    const cancel = () => {
+      state.formParam = {
+        courseStatus: 1,
+        recordType: 2,
+        mobile: null,
+        name: null,
+        type: null,
+        teaching: null,
+        score: null,
+        remark: null,
+        teachingDate: null,
+        teacherId:null
+      }
+      state.teachingDate = null
+    }
+    //展开切换
+    const handlemoreid = () => {
+      if (state.moreid == 1) {
+        state.moreid = 2
+      }
+      else if (state.moreid == 2) {
+        state.moreid = 1
+        state.searchParam.type = null
+        state.searchParam.courseStatus = null
+        state.searchParam.id = null
+        state.searchParam.createFrom = null
+      }
+    }
+    //表格内查看数据操作
+    const handleLook = (record) => {
+      state.teachingdialog = true
+      state.lookTeacherId = record.id
+      TeacherSystem()
+    } 
+    //取消查看
+    const cancelTeachingDialog = () => {
+      state.teachingdialog = false
+    }
+    //外部授课详情
+    const TeacherSystem = () => {
+      getTeacherCourseList({ id: state.lookTeacherId }).then((res) => {
+        state.formParam = res.data.data
+        state.teachingDate = res.data.data.teachingDate ? dayjs(res.data.data.teachingDate, 'YYYY-MM-DD HH:mm'):'',
+        state.formParam.name=state.formParam.teacherName
+        state.formParam.teachingDate = state.teachingDate ? dayjs(state.teachingDate).format("YYYY-MM-DD HH:mm").toString() : ""
+      console.log(state.formParam.teachingDate)
+      })
+        .catch((err) => {
+        });
+    }
+    function managerChange(e, l, d, t, orgName) {
+      // console.log(e, l, d, t, orgName,'e, l, d, t, orgName');
+      state.formParam.mobile=e?l.mobile:''
+      state.formParam.teacherId=e?l.id:''
+      console.log(state.formParam)
+      // state.searchParam.userNo = d;
+      // state.searchParam.name = t;
+      // state.searchParam.trainorgName=orgName
+    }
+    const clearNonNumber = () => {
+      state.formParam.teaching = state.formParam.teaching.replace(/\D/g, '');
+    }
+    //导入功能
+    const handleImport = () => {
+      state.showWork = true
+    }
+    //导出功能
+    const handleExport = () => {
+      window.open(
+        `${process.env.VUE_APP_BASE_API}/admin/export/exportOutTeacherRecord?pageNo=${state.searchParam.pageNo}&pageSize=${state.searchParam.pageSize}&recordType=2&name=${state.searchParam.name ? state.searchParam.name : ""}&courseName=${state.searchParam.courseName ? state.searchParam.courseName : ""}&createFrom=${state.searchParam.createFrom ? state.searchParam.createFrom : ""}&beginTime=${state.searchParam.beginTime ? state.searchParam.beginTime : ""}&endTime=${state.searchParam.endTime ? state.searchParam.endTime : ""}&courseTypeId=${state.searchParam.courseTypeId ? state.searchParam.courseTypeId : ""}&courseStatus=${state.searchParam.courseStatus ? state.searchParam.courseStatus : ""}`
+      );
+    }
+    const clearstudysNumber = () => {
+      state.formParam.studys = state.formParam.studys.replace(/\D/g, '');
+    }
+    const clearscoreNumber = () => {
+      state.formParam.score = state.formParam.score.replace(/\D/g, '');
+    }
+        //回车
+const enterPressHadlerSearch = e => {
+  console.log("e",e);
+    if (e.keyCode === 13) {
+      searchSubmit()
+
+    }
+};
+const sendName=()=>{
+      state.formParam.courseName = state.formParam.courseName.replace(/\s/g, '');
+    }
+    const sendRemark=()=>{
+      state.formParam.remark = state.formParam.remark.replace(/\s/g, '');
+    }
+    return {
+      ...toRefs(state),
+      rules,
+      sendName,
+      sendRemark,
+      enterPressHadlerSearch,
+      treetype,
+      clearscoreNumber,
+      clearstudysNumber,
+      validateField,
+      sysTypeOptions,
+      formRef,
+      handleImport,
+      clearNonNumber,
+      managerChange,
+      entryTypeList,
+      // searchTimeChange, 
+      cancelTeachingDialog,
+      handlemoreid,
+      handleExport,
+      AddressList,
+      OnTheJobStatusList,
+      AuthenticationStatusList,
+      searchSubmit,
+      searchReset,
+      columns,
+      tableData,
+      changePagination,
+      addTeacher,
+      cancelTeacherDialog,
+      cancelTeacherDialog1,
+      handleLook,
+      cancel,
+      deleteModal,
+      handleModify,
+      closeDeleteTeacher,
+      createTeacherDialog,
+      getTableDate, //list接口数据调用
+      // getStu
+      TeacherSystem,
+      // getSysTypeMap
+    }
+  },
+};
+</script>
+<style lang="scss" scoped >
+.select .ant-picker {
+  width: 410px !important;
+}
+.headers {
+  height: 73px;
+  border-bottom: 1px solid #e8e8e8;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  // background-color: red;
+  margin-bottom: 20px;
+  flex-shrink: 0;
+
+  .headerTitle {
+    font-size: 18px;
+    font-weight: 600;
+    color: #333333;
+    line-height: 25px;
+    // margin-left: 24px;
+  }
+}
+.addTimeBox {
+  position: relative;
+  display: flex;
+  align-items: center;
+
+  .addTime {
+    position: absolute;
+    z-index: 1;
+    margin-left: 10px;
+    color: rgba(0, 0, 0, 0.4);
+  }
+
+  .ant-picker {
+    padding-left: 85px;
+  }
+
+  ::v-deep .ant-picker-range .ant-picker-active-bar {
+    margin-left: 85px !important;
+  }
+}
+
+//导出按钮icon
+.daochu {
+  width: 16px;
+  height: 18px;
+  background-image: url("../../assets/images/coursewareManage/export1.png");
+}
+
+//弹窗内详情样式
+.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;
+}
+
+.ExternalTeaching {
+  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;
+
+    .select {
+      margin-right: 20px;
+      margin-bottom: 20px;
+    }
+  }
+}
+
+.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: 30%;
+  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;
+      }
+    }
+  }
+}
+
+.CreatePath {
+  .out {
+    z-index: 9999;
+    display: block;
+    position: absolute;
+    top: 90px;
+    width: 1080px !important;
+    height: 650px;
+    overflow: auto;
+    background-color: #fff;
+
+    box-shadow: 0 0 10px rgba(118, 136, 166, 0.21);
+    left: 50%;
+    top: 300px;
+    transform: translate(-50%, -50%);
+
+    .top {
+      width: 100%;
+      height: 68px;
+
+      background: linear-gradient(rgba(78, 166, 255, 0.2) 0%,
+          rgba(78, 166, 255, 0) 100%);
+      display: flex;
+      align-items: center;
+
+      .topimg {
+        width: 18px;
+        height: 18px;
+        margin-left: 27px;
+        margin-top: -2px;
+      }
+
+      .topc {
+        color: #000000;
+        font-size: 16px;
+        margin-left: 8px;
+      }
+    }
+
+    .mid {
+      width: 100%;
+      height: 100%;
+      background-color: #fff;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+
+      .d {
+        // margin-top: 8px;
+        // color: #ff4e4e;
+        margin-left: -5px;
+      }
+    }
+  }
+}
+
+//添加样式
+.langbtn {
+  height: 40px;
+  border-radius: 8px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-right: 14px;
+  flex-shrink: 0;
+  cursor: pointer;
+  .search {
+    width: 15px;
+    height: 16px;
+    margin-right: 5px;
+    background: url("../../assets/images/courseManage/add0.png") no-repeat;
+    background-size: 100% 100%;
+  }
+}
+
+// 重置样式
+.resetbtn {
+  width: 100px;
+  height: 40px;
+  border-radius: 8px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-right: 14px;
+  flex-shrink: 0;
+  cursor: pointer;
+}
+
+//展开收起样式
+.moreidbtn {
+  border: none;
+  color: #4ea6ff;
+  width: 80px
+}
+
+//小竖线
+.line {
+  float: left;
+  width: 3px;
+  height: 25px;
+  background: #4ea6ff;
+  border-radius: 30%;
+  margin-right: 5px;
+}
+
+//抽屉功能
+.drawaer // /* 改变所有 a-tree-select 输入框的高度 */
+//   ::v-deep  .ant-select:not(.ant-select-customize-input) .ant-select-selector{
+//   height: 40px;
+//   line-height: 40px;
+//   border-radius: 8px
+
+//   /* 确保文字垂直居中 */
+// }
+::v-deep .ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
+  height: 40px !important;
+  line-height: 40px;
+  border-radius: 8px
+}
+
+// 抽屉内样式
+.draitem {
+  width: 100%;
+  height: 40px !important;
+  border-radius: 8px;
+  line-height: 40px;
+}
+
+.drabtn {
+  height: 40px;
+  width: 80px;
+  border-radius: 8px;
+  margin-right: 20px
+}
+
+::v-deep .ant-select:not(.ant-select-customize-input) .ant-select-selector {
+  border-radius: 8px;
+  height: 40px;
+}
+
+.ant-col-12 {
+  height: 80px;
+}
+
+.tableBox {
+  padding-bottom: 20px;
+  margin: 20px 38px 30px;
+
+  ::v-deep .ant-select-dropdown {
+    display: inline-block;
+  }
+
+  ::v-deep .ant-select-selection-item {
+    margin-left: 3px;
+  }
+
+  ::v-deep .ant-pagination-options-size-changer.ant-select {
+    width: 84px;
+  }
+
+  .pa {
+    width: 100%;
+    display: flex;
+    justify-content: right;
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/views/lecturer/ExternalTeachingDetail.vue b/src/views/lecturer/ExternalTeachingDetail.vue
new file mode 100644
index 00000000..9d9eac3b
--- /dev/null
+++ b/src/views/lecturer/ExternalTeachingDetail.vue
@@ -0,0 +1,968 @@
+<!-- 内部授课详情页面 -->
+<template>
+    <div class="ExternalTeachingDetail">
+      <div style="width:100px ; color:black ;margin: 10px ;" @click="handleBack">
+         返回上一层
+      </div>
+    <!-- 搜索框及按钮 -->
+    <div class="filter">
+      <div class="filterItems">
+        <div class="select">
+          <a-input v-model:value="searchParam.userNo " style="width: 230px; height: 40px; border-radius: 8px"
+            placeholder="请输入讲师姓名/工号" allowClear showSearch>
+          </a-input>
+             
+          <!-- <a-select style="width: 230px" placeholder="请选择所属组织" v-model:value="searchParam.userNo"
+            :options="infoteacherList">
+          </a-select> -->
+        </div>
+        <div class="select">
+          <a-input v-model:value="searchParam.teacherNo " 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.tlevelName"
+            :options="getLevelList">
+          </a-select>
+        </div>
+        <div class="select">
+          <a-select style="width: 230px" v-model:value="searchParam.tlevelName" placeholder="内容分类" :options="getLevelList">
+          </a-select>
+        </div>
+        <div class="select">
+          <a-select style="width: 230px" v-model:value="searchParam.certStatus" placeholder="开课场地"
+            :options="AuthenticationStatusList">
+          </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 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="() => handleModify(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"
+            :showSizeChanger="true"
+            :hideOnSinglePage="true"
+            :pageSize="pageSize"
+            v-model:current="searchParam.pageNo"
+            :total="tableDataTotal"
+            class="pagination"
+            @change="changePagination"
+          />
+      </div>
+    </div>
+     <!-- 弹窗组件 -->
+     <a-modal :visible="teacherdialog" :title="teacherdialogtitle" @ok="closeModal2" :footer="null" :closable="false"
+      wrapClassName="doublepro" width="734px" height="476px">
+    
+      <div style="padding-bottom: 15px;" >
+        <!-- <div style="border: 1px rgb(177, 177, 177) solid; margin-left: 33px; margin-right: 33px; margin-bottom: 33px;" > -->
+        <div class="ExternalTeachingDetail" >
+          <div class="filter">
+            <div class="filterItems">
+              <div class="select">
+                <span style="display:inline-block ;width:600px; ">请输入授课时长(小时) </span>
+                <a-input   v-model:value="formParam.teaching"
+                  style="width:600px; height: 40px ; " placeholder="" allowClear showSearch>
+                </a-input>
+               
+              </div>
+              <div class="del_btnbox" >
+                <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> -->
+     
+      </div>
+    </a-modal>
+    <!-- 删除功能弹窗 -->
+    <div>
+      <a-modal v-model:visible="deleteTeacherdialog" :footer="null" :closable="close" wrapClassName="canclestu1"
+        centered="true">
+        <div class="delete">
+          <div class="del_header"></div>
+          <div class="del_main">
+            <div class="header">
+              <div class="icon1"></div>
+              <span>提示</span>
+            </div>
+            <div class="body">
+              <span>您确定要删除此条记录吗</span>
+            </div>
+            <div class="del_btnbox">
+              <div class="del_btn btn2" @click="cancelTeacherDialog" style="margin-right: 32px">
+                <div class="btnText">取消</div>
+              </div>
+              <div class="del_btn btn2" 
+              @click="closeDeleteTeacher">
+                <div class="btnText">确定</div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </a-modal>
+    </div>
+    <!-- <div> <Upload/> </div>         -->
+  </div>
+</template>
+<script lang="jsx">
+import { reactive, toRefs, ref } from "vue";
+import { useRouter } from "vue-router";
+import Editor from "@/components/project/Editor";
+import {infoteacher,getLevel,deleteTeacher, } from "../../api/Lecturer";
+import { getNewInTeacherCourseList} from "../../api/Teaching";
+// import {getProjSt} from "../../api/indexProjStu";
+// import AddTeacher from "../../components/drawers/project/AddTeacher"
+export default { 
+  name: "ExternalTeachingDetail",
+  components: {
+    // AddTeacher,
+    Editor,
+    
+  },
+  setup() {
+    const router = useRouter();
+    const state = reactive({
+      tableLoading:false,
+      delTeacherId:null, //删除id确认
+      deleteTeacherdialog: false, //删除弹窗
+      teacherdialog: false,  //控制讲师弹窗
+      teacherdialogtitle: '',//讲师弹框title内容
+      pageSizeOptions: ['10', '20', '30', '50'], //下拉选择每页显示多少条
+      pageSize: 10,
+      tableDataTotal: -1,//table列表总条数
+      formParam: {
+      },
+      searchParam: {
+        userNo:null,//工号姓名
+        teacherNo:null,//课程编号
+        tsystemName:null,//讲师体系
+        payrollPlaceName:null,//发薪地
+        pageNo: "1",
+        pageSize: "10"
+      },
+    })
+    //获取内部讲师级别
+    const getLevelList = ref([
+      // { value: 0, label: "未定级" },
+    ])
+    const getLevelLista =() => {
+      getLevel().then((res)=>{
+        if (res.data.code === 200) {
+            let arr = res.data.data;
+            let array = getLevelList.value;
+            arr.map((value) => {
+              let obj = {
+                value: value.id,
+                label: value.name,
+              };
+              array.push(obj);
+            });
+            getLevelList.value = array;
+          }
+      }) 
+    }
+    getLevelLista()
+    const OnTheJobStatusList = ref([
+      { value: 0, label: "分类1" },
+      { value: 1, label: "分类2" },
+    ])
+    const AuthenticationStatusList = ref([
+      { value: 0, label: "未开课" },
+      { value: 1, label: "已开课" },
+    ])
+    const columns = ref([
+      
+    {
+        title: '课程编号 ',
+        dataIndex: 'userNo',
+        key: 'userNo',
+        ellipsis: true,
+        width: 120,
+      },
+      {
+        title: '课程名称 ',
+        dataIndex: 'tlevelName',
+        key: 'tlevelName',
+        ellipsis: true,
+        width: 120,
+      },
+      {
+        title: '授课/课程日期 ',
+        dataIndex: 'payrollPlaceName',
+        key: 'payrollPlaceName',
+        ellipsis: true,
+        width: 120,
+      },
+      {
+        title: '授课/课程开发日期 ',
+        dataIndex: 'payrollPlaceName',
+        key: 'payrollPlaceName',
+        ellipsis: true,
+        width: 120,
+      },
+      {
+        title: '开课场地 ',
+        dataIndex: 'payrollPlaceName',
+        key: 'payrollPlaceName',
+        ellipsis: true,
+        width: 120,
+      },
+      {
+        title: '所属课程 ',
+        dataIndex: 'payrollPlaceName',
+        key: 'payrollPlaceName',
+        ellipsis: true,
+        width: 120,
+      },
+      {
+        title: '所属项目 ',
+        dataIndex: 'payrollPlaceName',
+        key: 'payrollPlaceName',
+        ellipsis: true,
+        width: 120,
+      },
+      {
+        title: '所属路径 ',
+        dataIndex: 'payrollPlaceName',
+        key: 'payrollPlaceName',
+        ellipsis: true,
+        width: 120,
+      },
+      {
+        title: '晶芯科技 ',
+        dataIndex: 'payrollPlaceName',
+        key: 'payrollPlaceName',
+        ellipsis: true,
+        width: 120,
+      },
+      {
+        title: '授课时长(H) ',
+        dataIndex: 'teaching',
+        key: 'teaching',
+        ellipsis: true,
+        width: 120,
+      },
+      {
+        title: '内容分类',
+        dataIndex: 'teaching',
+        key: 'teaching',
+        ellipsis: true,
+        width: 120,
+      },
+      {
+        title: '课程类型 ',
+        dataIndex: 'waitStatus',
+        key: 'waitStatus',
+        ellipsis: true,
+        width: 120,
+        customRender: (value) => {
+          return (
+              <div>
+                {String(value.record.waitStatus)
+                  ? {
+                    "0": "在线课",
+                    "1": "面授课",
+                    "2": "课程开发",
+                    "3": "作业员入模培训",
+                    "4": "其他",
+                  }[value.record.waitStatus + ""]
+                  : "-"}
+              </div>
+            )
+        }
+      },
+      {
+        title: '参训学员人数',
+        dataIndex: 'teaching',
+        key: 'teaching',
+        ellipsis: true,
+        width: 120,
+      },
+      {
+        title: '评分',
+        dataIndex: 'teaching',
+        key: 'teaching',
+        ellipsis: true,
+        width: 120,
+      },
+      {
+        title: '开课状态 ',
+        dataIndex: 'certStatus',
+        key: 'certStatus',
+        ellipsis: true,
+        width: 120,
+        customRender: (value) => {
+          return (
+            <div>
+              {value.record.certStatus == 0 || value.record.certStatus == 1
+                ? {
+                  "0": "未开课",
+                  "1": "已开课",
+                }[value.record.certStatus + ""] || ""
+                : "-"}
+            </div>
+          )
+        }
+      },
+      {
+        title: '操作 ',
+        dataIndex: 'operation',
+        key: 'operation',
+        ellipsis: 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.tableLoading=true 
+      let objA = {...state.searchParam};
+      getNewInTeacherCourseList(objA)
+        .then((res) => {
+          tableData.value = res.data.data.records
+          state.tableDataTotal = Number(res.data.data.total);
+          state.tableLoading=false 
+          console.log("获取tableData", tableData);
+      }) 
+    };
+    getTableDate()
+    // // List接口数据
+    // const getTableDate = ()=>{
+    //   state.tableloading = true ;
+    //   api 
+    // // api 接口命名
+    //   getNewInTeacherCourseList({
+    //     ...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.teacherdialog = true;
+      state.teacherdialogtitle = '添加授课记录'
+      //获取内部讲师级别
+      getLevelLista()
+      getTeacherExpertisea()
+      
+    }
+    //修改讲师信息弹窗
+    const handleModify = (record) => {
+      state.teacherdialog = true;
+      state.formParam.teaching=record.userNo
+      state.teacherdialogtitle = '修改授课时长'
+    }
+    //保存
+    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()
+      //                   });
+      //               }
+      //           }
+      //       })
+      state.teacherdialog = false
+    }
+    //删除弹窗
+    const deleteModal = (record) => {
+      state.deleteTeacherdialog = true
+      state.delTeacherId = record.id 
+    };
+    
+    //确认删除
+    const closeDeleteTeacher=()=>{
+      let ids ={
+      id : state.delTeacherId
+      }
+      console.log(ids)
+      //调用删除接口
+      deleteTeacher(ids).then((res)=>{
+        if(res.data.code == 200 ){
+          // message.success("删除成功");
+          state.deleteTeacherdialog = false
+          getTableDate();
+        }
+      })
+    } 
+    
+    //取消按钮 清空输入的数据
+    const cancelTeacherDialog = () => {
+    
+      state.teacherdialog = false
+      cancel()
+    };
+
+    //清空数据
+    const cancel = () => {
+      state.formParam ={
+        teaching :null,
+      }
+     
+    }
+     //页面内部姓名
+     const infoteacherList = ref([
+    ]);
+    const  getinfoteacher = (obj) => {
+      state.tableLoading=true 
+      infoteacher()
+        .then((res) => {
+          infoteacherList.value = res.data.data.records
+      }) 
+    };
+    //返回上一层
+    const handleBack=()=>{
+      router.back()
+    }
+    //导出功能
+    // const handleExport = ()=>{
+    //   this.download('lesson_records/export', {
+    //             ...state.searchParam
+    //         }, `project_${new Date().getTime()}.xlsx` )
+    //     }
+    return {
+      ...toRefs(state),
+      handleBack,//返回上一层
+      infoteacherList,//内部姓名
+      getinfoteacher,//获取内部姓名
+      // handleExport,
+      getLevelList,
+      OnTheJobStatusList,
+      getLevelLista,
+      AuthenticationStatusList,
+      searchSubmit,
+      searchReset,
+      columns,
+      tableData,
+      changePagination,
+      addTeacher,
+      cancelTeacherDialog,
+      cancel,
+      deleteModal,
+      handleModify,
+      closeDeleteTeacher,
+      createTeacherDialog,
+       getTableDate, //list接口数据调用
+      // getStu
+    }
+  },
+};
+</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;
+}
+
+.ExternalTeachingDetail {
+  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: 100px;
+        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>
\ 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..a33b9c9e
--- /dev/null
+++ b/src/views/lecturer/InsideLecturer.vue
@@ -0,0 +1,2146 @@
+<!-- 内部讲师 -->
+<template>
+  <div>
+    <!-- 搜索框及按钮 -->
+    <div class="filter" style="min-width: 1270px;">
+      <a-form layout="inline">
+        <a-form-item class="select">
+          <!--  v-model:value="searchParam.name" -->
+          <a-input v-model:value="searchParam.name" style="width: 276px; height: 40px; border-radius: 8px"
+            placeholder="请输入工号/讲师姓名进行检索" allowClear showSearch @pressEnter="searchSubmit">
+          </a-input>
+        </a-form-item>
+        <a-form-item class="select">
+          <a-select style="width: 276px" placeholder="请选择讲师体系" v-model:value="searchParam.tSystemId" allowClear
+            :options="LecturerSystemList">
+          </a-select>
+        </a-form-item>
+        <!-- <div  @click="handlesearchlevel"> -->
+        <a-form-item class="select" >
+          <a-select style="width: 200px" v-model:value="searchParam.tLevelName" placeholder="请选择讲师级别" allowClear
+            :options="getLevelList" >
+            <!--  :disabled="getLevelList.length !== 0 ? false : true" 禁用状态 -->
+          </a-select>
+        </a-form-item>
+        <a-form-item class="select">
+          <a-select style="width: 200px ;margin-bottom:20px" v-model:value="searchParam.waitStatus" placeholder="在职状态"
+            :options="OnTheJobStatusList" allowClear>
+          </a-select>
+        </a-form-item>
+        <a-form-item class="select">
+          <a-select style="width: 200px ;" v-model:value="searchParam.certStatus" placeholder="认证状态" allowClear
+            :options="AuthenticationStatusList">
+          </a-select>
+        </a-form-item>
+        <a-form-item class="select">
+          <a-input style="width: 220px;height: 40px; border-radius:8px; " v-model:value="searchParam.courses"
+            placeholder="擅长课程" allowClear @pressEnter="searchSubmit">
+          </a-input>
+        </a-form-item>
+      <!-- </div> -->
+        <div style="display: flex; margin-bottom: 20px">
+          <a-button @click="searchSubmit()" type="primary" class="resetbtn">查询 </a-button>
+          <!-- <div class="btn btn1" @click="searchReset" style="background:rgba(64, 158, 255, 0);" > -->
+          <!-- <div class="search"></div> -->
+          <a-button class="resetbtn " @click="searchReset">重置</a-button>
+
+          <!-- 更多筛选-->
+          <!-- <div v-if="moreid == 1" >
+            <a-button @click="handlemoreid()" class="moreidbtn" type="text"> 展开
+              <RightOutlined />
+            </a-button>
+          </div> -->
+          <!-- <div v-if="moreid == 2">
+            <a-button @click="handlemoreid()" class="moreidbtn"> 返回
+              <UpOutlined />
+            </a-button>
+          </div> -->
+        </div>
+        <div style="width:100%"></div>
+        
+      </a-form>
+      <div style="width: 100%;"></div>
+      <div style="display: flex; margin-bottom: 20px">
+        <a-button @click="addTeacher()" type="primary" class="resetbtn" style="width:120px;">
+          <div class="search"></div> 新增讲师
+        </a-button>
+        <div>
+          <a-button @click="handleExport()" class="resetbtn">
+            <UploadOutlined /> 导出
+          </a-button>
+        </div>
+      </div>
+      <!-- 表格 -->
+      <div style="padding: 10px 0">
+        <a-table :columns="columns" :scroll="{ x: '1000' }" :data-source="tableData" :loading="tableLoading"
+          :pagination="false">
+          <template #bodyCell="{ record, column }">
+
+            <template v-if="column.key === 'orgName'">
+              <a-space style="display:flex ;justify-content: space-around;  ">
+                <!-- <a-popover>
+                  <template #content>
+                    <p>{{ record.orgName}}</p>
+                  </template> -->
+                  <span :title="record.orgName">{{ record.neworganizationName }}</span>
+                <!-- </a-popover> -->
+              </a-space>
+            </template>
+            <template v-if="column.key === 'operation'">
+              <a-space>
+                <a-button type="link" @click="() => handleLook(record, String(record.courseform))">查看</a-button>
+
+                <a-button v-if="record.isPermission==='true'||record.isSuperPermission==='true'" type="link" @click="() => handleModify(record, String(record.courseform))">编辑</a-button>
+                <a-button v-if="record.status == '1'&&(record.isPermission==='true'||record.isSuperPermission==='true')" type="link"
+                  @click="() => handleOperate(record, String(record.courseform))">停用</a-button>
+                <a-button v-if="record.status == '2'&&(record.isPermission==='true'||record.isSuperPermission==='true')" type="link"
+                  @click="() => handleOperate(record, String(record.courseform))">启用</a-button>
+                    <a-button  v-if="record.isSuperPermission==='true'" type="link" @click="() => deleteModal(record, String(record.courseform))">删除</a-button>
+                <!-- <a-button type="link" @click="() => deleteModal(record, String(record.courseform))"  
+                   v-if="lecturerAdmin('Lecturer-admin')">删除</a-button> -->
+              </a-space>
+            </template>
+          </template> 
+        </a-table>
+      </div>
+
+    </div>
+    <div class="tableBox ">
+      <div  class="pa">
+        <a-pagination v-if="tableDataTotal > 10" :showSizeChanger="true" :showQuickJumper="false"
+          :hideOnSinglePage="true" :pageSize="searchParam.pageSize" :current="searchParam.pageNo" :total="tableDataTotal"
+          class="pagination" @change="changePagination" />
+      </div>
+    </div>
+    <!-- 弹窗组件 -->
+    <a-drawer  v-model:visible="teacherdialog" placement="right" :closable="false" :maskClosable="false"
+      width="700" :title="false">
+      <div class="headers" style="margin-top:-24px;">
+        <div class="headerTitle" style="margin-left: 14px;">{{ teacherdialogtitle }}</div>
+        <img
+          style="width: 29px; height: 29px; cursor: pointer"
+          src="@/assets/images/basicinfo/close.png"
+          @click="cancelTeacherDialog"
+        />
+      </div>
+      <div ref="drawerContent" style="padding-left: 15px;padding-right: 46px;">
+        <a-form :model="formParam" :rules="rules" layout="vertical" ref="formRef">
+          <a-row>
+            <a-col :span="24">
+              <span class="line"></span><span style="color:#333333;font-weight: 600;">基本信息</span>
+            </a-col>
+          </a-row>
+          <a-row :gutter="16">
+            <a-col :span="24">
+              <div class="item_inp" style="background-color: #fff;">
+                <div style="width:120px;margin:0 auto;" @click="avatarChange">
+                  <a-upload :disabled="!formParam.name" name="avatar" list-type="picture-card" class="avatar-uploader" :show-upload-list="false"
+                    :headers="headers" :before-upload="beforeUpload">
+                  <img class="i_upload_img" v-if="formParam.photo" :src="formParam.photo" alt="avatar" title="更换头像" />
+                  <img class="i_upload_img" v-else-if="formParam.gender==1" src="../../assets/Avatarman.png" alt="avatar" title="更换头像" />
+                  <img class="i_upload_img" v-else-if="formParam.gender==2" src="../../assets/Avatarwoman.png" alt="avatar" title="更换头像" />
+                  <img class="i_upload_img" v-else src="../../assets/avatar.png" alt="avatar" title="更换头像" />
+                    <!-- <div class="i_upload" v-else>
+                      <div class="addimg">
+                        <div class="heng"></div>
+                        <div class="shu"></div>
+                      </div>
+                    </div> -->
+                  </a-upload>
+                </div>
+                <div class="i_bottom">
+                  <div class="tip" style="margin-bottom: 10px;">
+                    <span style="color: #999999; margin-left: 8px">支持图片格式为jpg/jpeg/png </span>
+                  </div>
+                </div>
+              </div>
+            </a-col>
+          </a-row>
+          <a-row :gutter="16">
+            <a-col :span="24">
+              <a-form-item label="讲师姓名" name="name">
+                  <SearchTeacher @tlevel="teacherTlevel" :lecturer="true" :disabled="!!id" v-model:value="formParam.name" v-model:lable="formParam.orgNames" v-model:orgId="formParam.orgId" v-model:id="formParam.id"
+                  v-model:system="tSystemNames" v-model:level="formParam.tlevelId"></SearchTeacher>
+              </a-form-item>
+            </a-col>
+            <a-col :span="24">
+              <a-form-item label="讲师组织" name="orgName">
+                <!-- <a-popover>
+                  <template #content>
+                    {{ formParam.orgNames }}
+                  </template> -->
+                  <a-input :title="formParam.orgNames" disabled v-model:value="formParam.orgName" class="draitem"
+                    placeholder="自动带出讲师的组织,展示主要部分,鼠标浮上去展示所有" allowClear showSearch>
+                  </a-input>
+                <!-- </a-popover> -->
+              </a-form-item>
+            </a-col>
+          </a-row>
+            <a-col :span="24">
+              <a-form-item label="讲师体系" name="tsystemName">
+                <!-- <a-select class="draitem" v-model:value="formParam.tsystemName" placeholder="请选择讲师体系" allowClear
+                  @change="changetlevel" .:options="LecturerSystemList">
+                </a-select> -->
+                <a-input disabled v-model:value="tSystemNames.systemName" class="draitem"
+                    placeholder="自动带出讲师的体系" allowClear showSearch>
+                  </a-input>
+              </a-form-item>
+            </a-col>
+            <a-col :span="24">
+              <!-- <div  @click="handleformlevel"> -->
+              <a-form-item label="讲师级别" name="tlevelId">
+                  <a-select class="draitem" v-model:value="formParam.tlevelId" placeholder="请选择讲师级别" allowClear disableda
+                    :options="tSystemNames.levelVoList" @change="handleformlevel">
+                  </a-select>
+              </a-form-item>
+              <!-- </div> -->
+            </a-col>
+          <a-row :gutter="16">
+            <a-col :span="24">
+              <a-form-item label="初始授课时长" name="defaultTeachingTime">
+                <a-input v-model:value="formParam.defaultTeachingTime" style="width:80%; height: 40px; border-radius: 8px; "
+                :maxLength="8"
+                  @change="clearNonNumber" placeholder="请输入初始授课时长" allowClear  suffix="分钟">
+                </a-input>
+                <span style="margin-left: 5px ;" v-if="formParam.defaultTeachingTime === null">0.00小时</span>
+                <span style="margin-left: 5px ;" v-if="formParam.defaultTeachingTime != null">{{
+                  (formParam.defaultTeachingTime / 60).toFixed(2) }}小时</span>
+              </a-form-item>
+            </a-col>
+            <a-col :span="24">
+              <a-form-item label="认证状态" name="certStatus" style="display:flex;">
+                <a-radio-group v-model:value="formParam.certStatus" class="draitem">
+                  <a-radio :value="0">未认证</a-radio>
+                  <a-radio :value="1">已认证</a-radio>
+                  <span>
+                    <a-button type="text" class="moreidbtn" v-if="formParam.certStatus == 1"
+                      @click="handleupdialog">{{formParam.certificationName?formParam.certificationName:'上传凭证'}}</a-button>
+                    </span>
+                  </a-radio-group>
+              </a-form-item>
+            </a-col>
+          </a-row>
+          <a-row>
+            <a-col :span="24">
+              <span class="line" style="margin-bottom:10px;"></span><span style="color:#333333;font-weight: 600;">其他信息</span>
+            </a-col>
+          </a-row>
+          <a-row :gutter="16">
+            <a-col :span="24">
+              <a-form-item label="讲师介绍">
+                <Editor v-model:value="formParam.description" :isupload="isupload" />
+              </a-form-item>
+            </a-col>
+          </a-row>
+          <a-row :gutter="16">
+            <a-col :span="24">
+              <a-form-item label="工作经历">
+                <Editor v-model:value="formParam.workExperience" :isupload="isupload" />
+              </a-form-item>
+            </a-col>
+          </a-row>
+          <a-row :gutter="16">
+            <a-col :span="24">
+              <a-form-item label="擅长课程">
+                <Editor v-model:value="formParam.courses"  :isupload="isupload"/>
+              </a-form-item>
+            </a-col>
+          </a-row>
+          <div style="margin-bottom: 6px;">教师专长</div>
+          <a-row :gutter="50" style="margin-bottom: 50px;">
+            <!-- <a-col :span="4">
+              <a-tag color="blue" style="line-height: 40px; ">管理业务</a-tag>
+            </a-col> -->
+            <a-col :span="20">
+              <!-- <div class="add_content" @click="addContentData">
+                <div class="text">+</div>
+              </div> -->
+              <div class="add_list">
+                <div :title="item.name" class="add_item" v-for="(item,index) in formParam.orgLists">
+                  {{item.name}}
+                </div>
+                <div class="add_content" @click="addContentData">
+                  <div class="text">+</div>
+                </div>
+              </div>
+            </a-col>
+          </a-row>
+        </a-form>
+        <div>
+          <a-modal 
+            v-model:visible="updialog"
+            :footer="null"
+            closable="false"
+            style="margin-top: 400px"
+            @cancel="cancelupdialog"
+            :maskClosable="false"
+            :destroyOnClose="true"
+          >
+            <div class="selectonlineface" style="width: 660px;" :style="{ display: updialog ? 'block' : 'none' }">
+              <div class="bg_headers"></div>
+              <div class="bg_main">
+                <div class="bg_main_header">
+                  <div class="bg_main_header_close" @click="cancelupdialog"></div>
+                </div>
+                <div class="bg_body">
+                  <div>导入</div>
+                  <a-form style="margin-top:30px ;">
+                    <a-form-item style="color: #999999;">注意 :文件支持PDF、PNG、JPG ,文件大小不可超过5MB</a-form-item>
+                    <a-form-item label="上传文件">
+                      <UploadDragger :size="5000000" ref="uploadRef" style="width:86%;height:148px;" @change="changeUpload" :accept="accept"
+                          @removeList="removeList"  :uploadUrl="uploadUrl" :params="folderId" :loadTrue="formParam.certificationName" />
+                    </a-form-item>
+                  </a-form>
+                  <div class="bg_footer" style="margin-left: 160px;margin-top: 30px">
+                    <div class="btn btn6" @click="cancelupdialog">
+                      <div class="btnText">取消</div>
+                    </div>
+                    <a-button
+                      class="btn btn6"
+                      @click="createupdialog"
+                    >
+                      确定
+                    </a-button>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </a-modal>
+        </div>
+        <div :style="{
+          position: 'absolute',
+          right: 0,
+          bottom: 0,
+          width: '100%',
+          borderTop: '1px solid #e9e9e9',
+          padding: '10px 16px',
+          background: '#fff',
+          textAlign: 'right',
+          zIndex: 1,
+          display: 'flex',
+          justifyContent: 'center',
+        }">
+          <a-button class="drabtn" @click="cancelTeacherDialog">取消</a-button>
+          <a-button class="drabtn" type="primary" @click="createTeacherDialog" :loading="buttonLoading">保存
+          </a-button>
+        </div>
+      </div>
+    </a-drawer>
+
+    <!-- 删除功能弹窗 -->
+    <div>
+      <a-modal v-model:visible="deleteInTeacherdialog" :footer="null" :closable="closableQR" centered="true">
+        <div class="delete">
+          <div class="del_header"></div>
+          <div class="del_main">
+            <div class="header">
+              <!-- <img src="@/assets/images/coursewareManage/notice.png" alt=""
+              style="margin-right:3px" /> -->
+              <img src="@/assets/images/coursewareManage/QR.png" alt="" style="margin-right:10px" />
+              <span>提示</span>
+            </div>
+            <div class="body">
+              <span>确定要将该讲师删除吗</span>
+            </div>
+            <div class="del_btnbox">
+              <div class="del_btn btn2" @click="cancelTeacherDialog1" style="margin-right: 32px">
+                <div class="btnText">取消</div>
+              </div>
+              <div class="del_btn btn2" @click="closeDeleteTeacher">
+                <div class="btnText">确定</div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </a-modal>
+    </div>
+    <!-- 修改状态功能弹窗 -->
+    <div>
+      <a-modal v-model:visible="editTeacher" :footer="null" :closable="closableQR" wrapClassName="DelModal"
+        style="margin-top: 400px" :zIndex="9999">
+        <div class="delete">
+          <div class="del_header"></div>
+          <div class="del_main">
+            <div class="header">
+              <img src="@/assets/images/coursewareManage/QR.png" alt="" style="margin-right:10px" />
+              <span>提示</span>
+            </div>
+            <div class="body">
+              <span v-if="handleOperate1 == 2">确定要将该讲师启用吗<div></div>启用后讲师可以登录教师端</span>
+              <span v-if="handleOperate1 == 1">确定要将该讲师停用吗<div></div>停用后讲师不可登录教师端</span>
+            </div>
+            <div class="del_btnbox">
+              <div class="del_btn btn2" @click="cancelTeacherDialog1" style="margin-right: 32px">
+                <div class="btnText">取消</div>                                                                                                                                                                                                                                                                                                                                                                                      
+              </div>
+              <div class="del_btn btn2" @click="closehandleOperate">
+                <div class="btnText">确定</div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </a-modal>
+    </div>
+    <AddContent v-model:showContent="showContent" v-model:AddContentList="formParam.orgLists" :Addtitle="Addtitle" />
+    <!-- <div> <Upload/> </div>         -->
+     <LookInsideLecturer v-model:visible="lookinsideVisi" :id="lookinsideId"></LookInsideLecturer>
+  </div>
+</template>
+<script lang="jsx">
+import { reactive, toRefs, ref, watch,computed,onMounted,nextTick  } from "vue";
+import { useStore } from "vuex";
+import {
+  RightOutlined,
+  UpOutlined,
+  UploadOutlined,
+  FolderAddOutlined
+} from '@ant-design/icons-vue';
+import Editor from "@/components/project/Editor";
+import ProjectManager from "@/components/project/ProjectManagerNew";
+import SearchTeacher from "@/components/project/SearchTeacher";
+import { message } from "ant-design-vue";
+import { useRouter,useRoute  } from "vue-router";
+import { getTeacherSystemList, getTeacherList, getPayRollPlace, getAllLevelList, insertTeacher, deleteInTeacher, updateInTeacher, getTeacherById, updateTeacherState } from "../../api/Lecturer";
+ import { fileUp } from "../../api/indexEval";
+import { teacherUpload } from "../../api/Teaching";
+import { getCookieForName } from "@/api/method";
+// import {getProjSt} from "../../api/indexProjStu";
+import AddContent from "../../components/project/AddContent.vue"
+import UploadDragger from "@/components/project/UploadDragger.vue"
+import avatar from '@/assets/avatar.png'
+import LookInsideLecturer from "../../components/project/LookInsideLecturer.vue"
+export default {
+  name: "InsideLecturer",
+  components: {
+    ProjectManager,
+    SearchTeacher,
+    AddContent,
+    Editor,
+    // FJUpload,
+    RightOutlined, //图标--展开
+    UpOutlined,//图标--收起
+    UploadOutlined,//图标--导出
+    FolderAddOutlined,//图标--新增
+    UploadDragger,
+    LookInsideLecturer,
+  },
+  setup( ) {
+    onMounted(() => {
+      const search = sessionStorage.getItem('searchLecturer')
+      if(route.query.activeKey == 1){
+        state.moreid = 2
+        state.searchParam = JSON.parse(search)
+      }
+      getTableDate()
+    })
+    const route = useRoute()
+    const formRef = ref();
+    const store = useStore();
+    const router = useRouter();
+    const userInfo = computed(() => store.state.userInfo);
+    const state = reactive({
+      lookinsideVisi:false,
+      lookinsideId: null,
+      Addtitle: '选择教师专长',
+      log: false,
+      showContent: false,
+      closableQR: false,
+      updialog: false,
+      moreid: 1,
+      byPid: null,
+      tableLoading: false,
+      tagsshow: "1",
+      PlaceOfPayList: [],
+      LecturerSystemList: [],
+      delTeacherId: null, //删除id确认
+      editTeacherid: null,//修改状态id确认
+      newStatus: null, //修改状态码确认
+      id: null,    //内部讲师详情工号确认 
+      lookTeacherId: null, //内部讲师详情id确认
+      deleteInTeacherdialog: false, //删除弹窗
+      editTeacher: false,   //修改状态弹窗
+      handleOperate1: null, //修改状态弹窗内容
+      teacherdialog1: null,
+      teacherdialog: false,  //控制讲师弹窗
+      teacherdialogtitle: '',//讲师弹框title内容
+      pageSizeOptions: ['10', '20', '30', '50'], //下拉选择每页显示多少条
+      pageSize: 10,
+      tableDataTotal: -1,//table列表总条数
+      vf: false,
+      tSystemNames:{
+        systemName:null,
+        systemId: null,
+        levelVoList: []
+      },
+      formParam: {
+        name: null,
+        certStatus: 0,//认证状态
+        defaultTeachingTime: null,
+        teacherType:1,
+        photo: null,
+        gender: 0,
+        orgLists: [],
+        certification: null,
+        certificationName: null,
+      },
+      searchParam: { 
+        teacherType:1,
+        pageNo: 1,
+        // pageSize1: "10",
+        name: null,
+        tsystemName: null,
+        tLevelName: null,
+        waitStatus: null,
+        certStatus: null,
+        courses: null,
+        pageNo: "1",
+        pageSize: "10"
+      },
+      teacherrepromo: {
+        pageNo: "1",
+        pageSize: "10",
+        userNo: null,
+        teacherType:1
+      },
+      activeName: 'first'
+    })
+    watch(() => state.formParam.description, (val) => {
+        console.log(val, 'description')
+      })
+      watch(() => state.formParam.workExperience, (val) => {
+        console.log(val, '')
+      })
+      watch(() => state.formParam.courses, (val) => {
+        console.log(val, 'courses')
+      })
+      watch(() => state.formParam.orgNames, (val) => {
+        console.log(val, 'orgName')
+        if(val){
+          const parts = val.split('/');
+          const reversedParts = parts.reverse();
+          state.formParam.orgName = reversedParts.join('/'); 
+        }
+      })
+    const headers = { token: getCookieForName("token") };
+    //图片上传
+    const avatarChange = () => {
+      if(!state.formParam.name){
+        message.error('请先选择讲师')
+        return
+      }
+    }
+    // const photo = ref('')
+    const beforeUpload = (file) => {
+      const isJpgOrPng =
+        file.type === "image/jpg" ||
+        file.type === "image/jpeg" ||
+        file.type === "image/png" ||
+        file.type === "image/bmp" ||
+        file.type === "image/gif";
+      if (!isJpgOrPng) {
+        message.error("仅支持jpg、gif、png、jpeg、bmp格式!");
+        return false;
+      }
+      let isLt1M = file.size < 500000;
+      console.log(file.size, isLt1M)
+      if (!isLt1M) {
+        message.error("图片不能超过500KB! 请重新上传");
+        return false;
+      }
+
+      const formDatas = new FormData();
+      formDatas.append("file", file);
+      console.log("file", file)
+      fileUp(formDatas).then((res) => {
+        if (res.data.code === 200) {
+          console.log(res.data.data, 45);
+          state.formParam.photo = process.env.VUE_APP_FILE_PATH + res.data.data;
+
+          // state.hasImgName = file.name;
+          // emit("src", { id: '', src: res.data.data });
+        }
+      });
+      return false;
+    };
+    //附件上传
+    const uploadRef = ref()
+    const uploadUrl = ref("/systemapi/api/m/xfile/base/file/upload");
+    const accept = ".pdf,.jpg,.png,"
+    const folderId = ref({ folderId: process.env.VUE_APP_COURSE_FOLDERID })
+    const changeUpload = (newValue) => {
+      if (newValue[0].status == 'done' && newValue[0]?.response?.status == 200) {
+          const { id, name, path } = newValue[0].response.result
+          state.formParam.certifications = path
+          state.formParam.certificationNames = name
+      }
+    }
+
+    const beforeUpload2 = (file) => {
+      const fileType = [
+        "pdf",
+      ];
+      if (!fileType.includes(file.name.split(".")[1])) {
+        message.error(
+          "仅支持.pdf格式!"
+        );
+        return false;
+      }
+
+      const formData = new FormData();
+      formData.append("file", file);
+      console.log(file);
+      teacherUpload(formData).then((res) => {
+        if (res.data.code === 200) {
+        //  state.formParam.filesList = [res.data.data];
+        state.formParam.filesList = file.name
+          console.log(state.formParam.filesList);
+          // state.hasImgName = res.data.data;
+        }
+      });
+      return false;
+    };
+
+    //附件上传交互
+    const handleupdialog = () => {
+      state.updialog = true
+    }
+    const cancelupdialog = () => {
+      // state.formParam.certification = null
+      // state.formParam.certificationName = null
+      // uploadRef.value.removeUpload()
+      state.updialog = false
+    }
+    const removeList = (val) => {
+      state.formParam.certifications = null
+      state.formParam.certificationNames = null
+    }
+    const createupdialog = () => {
+      // uploadRef.value.removeUpload()
+      state.formParam.certification = state.formParam.certifications
+      state.formParam.certificationName = state.formParam.certificationNames
+      state.updialog = false
+    }
+    const LecturerSystemList = ref([
+    ]);
+    //获取讲师体系列表
+    const LecturerSystemLista = () => {
+      let obj ={
+        pageNo:1,
+        pageSize:1000,
+      }
+      getTeacherSystemList(obj).then((res) => {
+        if (res.data.code === 200) {
+          let arr = res.data.data.records;
+          let array = [];
+          arr.map((value) => {
+            let obj = {
+              value: value.id,
+              label: value.systemName,
+            };
+            array.push(obj);
+          });
+          LecturerSystemList.value = array;
+        }
+      })
+    }
+    const isupload = (val) => {
+      console.log(val, 'val')
+
+    }
+    const drawerContent = ref(null);
+    const addContentData = () => {
+      state.showContent = true
+    }
+    const AddContentList = (data) => {
+      // console.log(data, 'treedatalist')
+      // state.formParam.orgLists = data
+    }
+    LecturerSystemLista()
+    //获取内部讲师级别
+    const getLevelList = ref([])
+    const changetlevel = () => {
+      // console.log("讲师体系id" + val);
+      getAllLevelList().then((res) => {
+        if (res.data.code === 200) {
+          let arr = res.data.data;
+          let array = [];
+          arr.map((value) => {
+            let obj = {
+              value: value.levelName,
+              label: value.levelName,
+            };
+            array.push(obj);
+          });
+          getLevelList.value = array;
+        }
+      })
+    }
+    changetlevel()
+    const OnTheJobStatusList = ref([
+      { value:"", label: "全部" },
+      { value: 0, label: "在职" },
+      { value: 1, label: "离职" },
+    ])
+    const AuthenticationStatusList = ref([
+      { value: "", label: "全部" },
+      { value: 0, label: "未认证" },
+      { value: 1, label: "已认证" },
+    ])
+    // const PlaceOfPayList = ref([
+    //   // { value: 0, label: "发薪地B1" },
+    // ])
+    //获取讲师发薪地列表
+    // const PlaceOfPayLista = () => {
+    //   getPayRollPlace().then((res) => {
+    //     if (res.data.code === 200) {
+    //       let arr = res.data.data;
+    //       let array = [];
+    //       arr.map((value) => {
+    //         let obj = {
+    //           value: value.id,
+    //           label: value.name,
+    //         };
+    //         array.push(obj);
+    //       });
+    //       PlaceOfPayList.value = array;
+    //     }
+    //   })
+    // }
+    // PlaceOfPayLista()
+    const AccountStatusList = ref([
+      { value: 1, label: "启用" },
+      { value: 2, label: "停用" },
+    ])
+    //新增页面内部姓名
+    const infoteacherList = ref([
+    ]);
+    const getinfoteacher = () => {
+    };
+    //展开切换
+    const handlemoreid = () => {
+      if (state.moreid == 1) {
+        state.moreid = 2
+      }
+      else if (state.moreid == 2) {
+        state.moreid = 1
+        state.searchParam.waitStatus = null
+        state.searchParam.certStatus = null
+        state.searchParam.courses = null
+      }
+    }
+    const columns = ref([
+      {
+        title: '讲师工号 ',
+        dataIndex: 'userNo',
+        key: 'userNo',
+        ellipsis: true,
+        align: "center",
+        width: 120,
+      },
+      {
+        title: '讲师姓名 ',
+        dataIndex: 'name',
+        key: 'name',
+        ellipsis: true,
+        align: "center",
+        width: 120,
+      },
+      {
+        title: '所属组织 ',
+        dataIndex: 'orgName',
+        key: 'orgName',
+        ellipsis: true, align: "center",
+        scopedSlots: { customRender: "orgName" },
+        width: 200,
+        //  customRender: (value, record) => {
+        //   return (
+        //     <div>
+        //       {value.record.orgName}
+        //     </div>
+        //   )
+        // }
+      },
+      {
+        title: '讲师体系 ',
+        dataIndex: 'tsystemName',
+        key: 'tsystemName',
+        ellipsis: true, align: "center",
+        width: 120,
+      },
+      {
+        title: '级别 ',
+        dataIndex: 'tlevelName',
+        key: 'tlevelName',
+        ellipsis: true, align: "center",
+        width: 100,
+      },
+
+      {
+        title: '授课时长(分钟)',
+        dataIndex: 'teaching',
+        key: 'teaching',
+        ellipsis: true, align: "center",
+        width: 120,
+      },
+      {
+        title: '在职状态 ',
+        dataIndex: 'waitStatus',
+        key: 'waitStatus',
+        ellipsis: true, align: "center",
+        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',
+        ellipsis: true, align: "center",
+        width: 120,
+        customRender: (value) => {
+          return (
+            <div>
+              {value.record?.certStatus == 0 || value.record?.certStatus == 1
+                ? {
+                  "0": "未认证",
+                  "1": "已认证",
+                }[value.record?.certStatus + ""] || ""
+                : "-"}
+            </div>
+          )
+        }
+      },
+      {
+        title: '账号状态 ',
+        dataIndex: 'status',
+        key: 'status',
+        ellipsis: true, align: "center",
+        width: 120,
+        customRender: (value) => {
+          return (
+            <div>
+              {value.record.status == 0 || value.record.status == 1 || value.record.status == 2
+                ? {
+                  '0': "临时",
+                  '1': "启用",
+                  '2': "停用"
+                }[value.record.status + ""] || ""
+                : "-"}
+            </div>
+          )
+        }
+      },
+      {
+        title: '录入方式 ',
+        dataIndex: 'createFrom',
+        key: 'createFrom',
+        ellipsis: true, align: "center",
+        width: 120,
+        customRender: (value) => {
+          return (
+            <div>
+              {value.record?.createFrom == 0 || value.record?.createFrom == 1
+                ? {
+                  "0": "自动录入",
+                  "1": "手动录入",
+                }[value.record?.createFrom + ""] || ""
+                : "-"}
+            </div>
+          )
+        }
+      },
+      {
+        title: '操作 ',
+        dataIndex: 'operation',
+        key: 'operation',
+        ellipsis: true,
+        width: 200,
+        align: "right",
+        fixed: "right",
+        scopedSlots: { customRender: "action" },
+      },
+    ])
+    //列表数据
+    const tableData = ref([
+
+    ])
+    // 搜索
+    const searchSubmit = () => {
+      state.searchParam.pageNo = 1
+      getTableDate();
+    };
+    //重置
+    const searchReset = () => {
+      LecturerSystemLista()
+      state.searchParam = {
+        teacherType:1,
+        name: null,
+        userNo: null,
+        newdepartId: null,
+        tsystemName: null,
+        tLevelName: null,
+        waitStatus: null,
+        certStatus: null,
+        salaryName: null,
+        payrollPlaceId: null,
+        status: null,
+        pageNo: 1,
+        pageSize: 10,
+      };
+     // store.commit("setShouInclude", []);
+      getTableDate();
+    };
+    //  List接口数据
+    const getTableDate = () => {
+      state.tableLoading = true
+      let objA = { ...state.searchParam };
+      getTeacherList(objA)
+        .then((res) => {
+          // tableData.value = res.data.data.records
+          console.log(tableData.value,'tableData.value')
+          let objA = res.data.data.records
+          objA.map((item) => {
+            if (item.orgName !== null) {
+              item.neworganizationName = item.orgName.split('/')
+              item.neworganizationName = item.neworganizationName[item.neworganizationName.length - 1]
+            }
+            // console.log(item.orgName)
+          })
+          tableData.value = objA
+          state.tableDataTotal = Number(res.data.data.total);
+          state.tableLoading = false
+        }).catch(err => {
+          state.tableLoading = false
+          message.error(err.data.msg)
+        })
+    };
+    // getTableDate()
+    //   // 翻页
+    const changePagination = (page, pageSize) => {
+      state.searchParam.pageNo = page;
+      // state.pageNo = page;
+      state.searchParam.pageSize = pageSize;
+      getTableDate();
+    };
+    // 新增讲师
+    const addTeacher = () => {
+      cancel()
+      state.teacherdialog = true;
+      state.teacherdialogtitle = '新增讲师'
+      state.formParam.photo = null
+      state.formParam.status = '1'
+      state.vf = true
+    }
+    //修改讲师信息弹窗
+    const handleModify = (record) => {
+      state.teacherdialog = true;
+      state.teacherdialogtitle = '修改信息'
+      state.id = record.id
+      state.vf = false
+      TeacherSystem()
+    }
+    async function validateField(name) {
+      return new Promise((resolve) => {
+        formRef.value.validateFields([name])
+          .then(() => {
+            resolve(false);
+          })
+          .catch(() => {
+            resolve(true);
+          });
+      });
+    }
+    const teacherTlevel = (val) => {
+      console.log(val,'vallll')
+      if(val?.avatar){
+        state.formParam.photo = val.avatar
+      }
+      state.formParam.gender = val?.gender
+    }
+    const repl = (val) => {
+      if(val){
+        val = val?.replace(/\s*&nbsp;\s*/g, '')
+        val = val?.replace(/\s+/g, '')
+        return val
+      }
+    }
+    //保存
+    const createTeacherDialog = async () => {
+      state.formParam.tsystemName = state.tSystemNames?.systemName
+      state.formParam.tsystemId = state.tSystemNames?.systemId
+      if(state.formParam.defaultTeachingTime||state.formParam.defaultTeachingTime==0){
+        state.formParam.defaultTeachingTime = String(state.formParam.defaultTeachingTime)
+      }
+      const formItemNames = Object.keys(rules);
+      for(let i=0;i<formItemNames.length;i++){
+        const result = await validateField(formItemNames[i]);
+        if (result) {
+          return message.error(rules[formItemNames[i]][0].log)
+        }
+      }
+      if(state.formParam.certStatus&&!state.formParam.certificationName){
+        return message.error('请上传认证凭证')
+      }
+      if(state.formParam.name){
+        const nameNo = state.formParam?.name?.split('/')
+        state.formParam.name = nameNo[0]
+        state.formParam.userNo = nameNo[1]
+      }
+      state.formParam.description = repl(state.formParam.description)
+      state.formParam.workExperience = repl(state.formParam.workExperience)
+      state.formParam.courses = repl(state.formParam.courses)
+      state.formParam.orgName =  state.formParam.orgNames
+      state.formParam.expertise = state.formParam?.orgLists?.map(item => item.id).join(',')
+      state.formParam.expertiseNames = state.formParam?.orgLists?.map(item => item.name).join(',')
+      state.formParam = {...state.formParam,...state.tSystemNames}
+      delete state.formParam.teaching
+      if (state.vf == false) {
+        updateInTeacher(state.formParam).then(response => {
+            message.success("编辑成功");
+            state.teacherdialog = false;
+            cancel()
+            getTableDate(); 
+          }).catch(err=>{
+            message.error(err.data.msg)
+            state.teacherdialog = false;
+          })
+        }
+        else {
+          insertTeacher(state.formParam)
+            .then((res) => {
+              message.success("新增成功");
+              state.teacherdialog = false;
+              cancel()
+        getTableDate(); 
+            }).catch((err) => {
+              message.error(err.data.msg)
+              state.teacherdialog = false;
+            });
+        }
+      // rule()
+      // if (state.log = true) {
+      //   state.teacherdialog = true;
+      // }
+      // else {
+      //   // formRef.value.validate(valid => {
+      //   //   if (valid) {
+      //   //     if (state.vf == false) {
+      //   //       updateInTeacher(state.formParam).then(response => {
+      //   //         message.success("修改成功");
+      //   //       });
+      //   //     }
+      //   //     else {
+      //   //       insertTeacher(state.formParam)
+      //   //         .then((res) => {
+      //   //           message.success("保存成功");
+      //   //         }).catch((err) => {
+      //   //           console.log(err);
+      //   //         });
+      //   //     }
+      //   //     state.teacherdialog = false;
+      //   //     getTableDate();
+      //   //   }
+      //   // }
+      //   // )
+      //   if (state.vf == false) {
+      //       updateInTeacher(state.formParam).then(response => {
+      //         message.success("修改成功");
+      //       });
+      //     }
+      //     else {
+      //       insertTeacher(state.formParam)
+      //         .then((res) => {
+      //           message.success("保存成功");
+      //         }).catch((err) => {
+      //           console.log(err);
+      //         });
+      //     }
+        //   state.teacherdialog = false;
+        //  getTableDate(); 
+      // }
+    };
+    //删除弹窗
+    const deleteModal = (record) => {
+      state.deleteInTeacherdialog = true
+      state.delTeacherId = record.id
+    };
+    //修改状态窗口
+    const handleOperate = (record) => {
+      if (record.status == 1) {
+        state.handleOperate1 = record.status
+        state.newStatus = 2
+      }
+      if (record.status == 2) {
+        state.handleOperate1 = record.status
+        state.newStatus = 1
+      }
+      state.editTeacherid = record.id
+      state.editTeacher = true
+    };
+    //确认删除
+    const closeDeleteTeacher = () => {
+      //调用删除接口
+      deleteInTeacher(state.delTeacherId).then((res) => {
+        if (res.data.code == 200) {
+          message.success("删除成功");
+          state.deleteInTeacherdialog = false
+          getTableDate();
+        }
+      }).catch((err)=>{
+        message.error(err.data.msg)
+        state.deleteInTeacherdialog = false
+      })
+    }
+    //确认启用停用
+    const closehandleOperate = () => {
+      //调用接口
+      let ids = {
+        id: state.editTeacherid,
+        status: state.newStatus
+      }
+      console.log(ids)
+      updateTeacherState(ids).then((res) => {
+        message.success("操作成功");
+        state.editTeacher = false
+        getTableDate();
+      }).catch((err)=>{
+        state.editTeacher = false
+      })
+    }
+    //取消按钮 清空输入的数据
+    const cancelTeacherDialog = () => {
+      if (state.teacherdialog = true) {
+        formRef.value.resetFields();
+        state.teacherdialog = false
+        cancel()
+      }
+      // state.deleteInTeacherdialog = false
+      // state.editTeacher = false
+      // state.tagsshow = 1
+    };
+    const cancelTeacherDialog1 = () => {
+      state.deleteInTeacherdialog = false
+      state.editTeacher = false
+      state.tagsshow = 1
+    };
+    watch(() => state.formParam.certStatus,(val)=>{
+      if(!val){
+        state.formParam.certification = null
+        state.formParam.certificationName = null
+      }
+    })
+    //清空数据
+    const cancel = () => {
+      state.formParam = {
+        name: null,
+        status: null,
+        teacherType: 1,
+        photo: null,
+        gender: 0,
+        name: null,
+        newdepartId: null,
+        tlevelId: null,
+        defaultTeachingTime:null,
+        tsystemName: null,
+        certStatus: 0,
+        description: '',
+        workExperience: '',
+        courses: '',
+        orgLists: [],
+        certification: null,
+        certificationName: null,
+      }
+      state.tSystemNames = {
+        systemName:null,
+        systemId: null,
+        levelVoList: []
+      }
+      state.id = null
+    }
+    const clearNonNumber = () => {
+      state.formParam.defaultTeachingTime = state.formParam.defaultTeachingTime.replace(/\D/g, '');
+      state.formParam.defaultTeachingTime = state.formParam.defaultTeachingTime.slice(0,8)
+    }
+    const rules = {
+      name: [{ required: true, message: '',log:'讲师不能为空' }],
+      // newdepartId: [{ required: true, message: '组织不能为空' }],
+      tsystemName: [{ required: true, message: '',log:'讲师体系不能为空' }],
+      tlevelId: [{ required: true, message: '',log:'讲师级别不能为空' }],
+      defaultTeachingTime: [{ required: true, message: '',log:'初始授课时长不能为空' }],
+      // certStatus: [{ required: true, message: '认证状态不能为空' }],
+
+    }
+    // const rule = () => {
+    //   if (state.formParam.name == null) {
+    //     state.log = true
+    //     message.warning('讲师不能为空')
+    //     return
+    //   }
+    //   if (state.formParam.departId == null) {
+    //     state.log = true
+    //     message.warning('组织不能为空')
+    //     return
+    //   }
+    //   if (state.formParam.tlevelId == null) {
+    //     state.log = true
+    //     message.warning('讲师级别不能为空')
+    //     return
+    //   }
+    //   if (state.formParam.tsystemName == null) {
+    //     state.log = true
+    //     message.warning('讲师体系不能为空')
+    //     return
+    //   }
+    //   if (state.formParam.defaultTeachingTime == null) {
+    //     state.log = true
+    //     message.warning('授课时长不能为空')
+    //     return
+    //   }
+    //   if (state.formParam.certStatus == null) {
+    //     state.log = true
+    //     message.warning('认证状态不能为空')
+    //     return
+    //   }
+    // }
+    // //表格内查看数据操作
+    const handleLook = (record) => {
+      state.lookinsideVisi = true
+      state.lookinsideId = record.id
+      // sessionStorage.setItem('searchLecturer', JSON.stringify(state.searchParam))
+      // let id = record.id
+      // router.push({ path: '/LookInsideLecturer', query: { id } })
+    }
+    //内部讲师详情
+    const TeacherSystem = () => {
+      console.log(state.id)
+      getTeacherById({id:state.id}).then((res) => {
+        if (res.data.code === 200) {
+          // let objA= res.data.data[0]
+          //   if( objA.orgName !==null ){
+          //     objA.neworgName=objA.orgName.split('/')
+
+          //     objA.neworgName= objA.neworgName[objA.neworgName.length-1]
+          // }
+          state.formParam = res.data.data
+          state.formParam.description = state.formParam.description == null ? '<p><br></p>' : state.formParam.description
+          state.formParam.workExperience = state.formParam.workExperience == null ? '<p><br></p>' : state.formParam.workExperience
+          state.formParam.courses = state.formParam.courses == null ? '<p><br></p>' : state.formParam.courses
+          // state.formParam.photo = state.formParam.photo === null ? avatar : state.formParam.photo
+          state.tSystemNames.systemName = res.data.data.tsystemName
+          state.tSystemNames.systemId = res.data.data.tsystemId
+          state.tSystemNames.systemCode = res.data.data.systemCode
+          state.tSystemNames.systemId = res.data.data.systemId
+          state.tSystemNames.levelVoList = res.data.data?.levelList?.map(item=>{
+            return {
+              label: item.levelName,
+              value: item.id,
+              levelName: item.levelName,
+              id: item.id,
+            }
+          })
+          state.formParam.tlevelName = res.data.data.tlevelName
+          state.formParam.tlevelId = res.data.data.tlevelId
+          state.formParam.name = res.data.data.name+'/'+res.data.data.userNo
+          state.formParam.orgNames =  state.formParam.orgName
+          // state.formParam.orgLists = res.data.data.expertiseNames?.split(',').map(item=>({ name: item }))
+          const ids = res.data.data?.expertise?.trim().split(',').filter(id => id !== '');
+          const names = res.data.data?.expertiseNames?.split(',');
+          state.formParam.orgLists = ids?.map((id, index) => ({
+            name: names[index],
+            id: id
+          }))||[]
+          state.formParam.certifications = state.formParam.certification
+          state.formParam.certificationNames = state.formParam.certificationName
+        }
+
+
+        console.log("内部讲师详情", state.formParam);
+      })
+        .catch((err) => {
+          console.log("内部讲师详情", err);
+        });
+    }
+    // function managerChange(e, l, d, t, orgName) {
+    //   console.log(e, l);
+    //   state.searchParam.userNo = d;
+    //   state.searchParam.name = t;
+    //   // state.searchParam.trainorgName=orgName
+    // }
+    // const customPreview =(e)=>{
+    //   e.stopPropagation()
+    // }
+    // const handlesearchlevel = () => {
+    //   console.log('请先选择讲师体系')
+    //   if (state.searchParam.tsystemName == undefined) {
+    //     message.warning('请先选择讲师体系')
+    //   }
+    // }
+    const handleformlevel = (val) => {
+      state.formParam.tlevelName = state.tSystemNames.levelVoList.find(item=>item.id===val)?.levelName
+      state.formParam.tlevelId = state.tSystemNames.levelVoList.find(item=>item.id===val)?.id
+    }
+    //导出功能
+    const handleExport = () => {
+      window.open(
+        `${process.env.VUE_APP_BASE_API}/admin/export/exportInTeacher?pageNo=${state.searchParam.pageNo}&pageSize=${state.searchParam.pageSize}&name=${state.searchParam.name ? state.searchParam.name : ""}&tsystemId=${state.searchParam.tsystemId ? state.searchParam.tsystemId : ""}&tLevelName=${state.searchParam.tLevelName ? state.searchParam.tLevelName : "" }&waitStatus=${state.searchParam.waitStatus ? state.searchParam.waitStatus : ""}&certStatus=${state.searchParam.certStatus ? state.searchParam.certStatus : ""}&courses=${state.searchParam.courses ? state.searchParam.courses : ""}`
+      );
+      // this.download('lesson_records/export', {
+      //           ...state.searchParam
+      //       }, `project_${new Date().getTime()}.xlsx` )
+    }
+    const lecturerAdmin = (admin)=>{
+        const roleCode = userInfo.value.roleList.map((item)=>item.roleCode)
+        if (admin){
+          return roleCode.some(t => t == admin)
+        }
+      }
+    return {
+      ...toRefs(state),
+      lecturerAdmin,
+      rules,
+      // rule,
+      formRef,
+      // handlesearchlevel,
+      handleformlevel,
+      // customPreview,
+      clearNonNumber,
+      // managerChange,
+      headers,
+      beforeUpload,
+      avatarChange,
+      handlemoreid,
+      handleExport,
+      LecturerSystemList,
+      getLevelList,
+      OnTheJobStatusList,
+      changetlevel,
+      // PlaceOfPayLista,
+      AuthenticationStatusList,
+      // PlaceOfPayList,
+      AccountStatusList,
+      searchSubmit,
+      searchReset,
+      columns,
+      tableData,
+      changePagination,
+      addTeacher,
+      cancelTeacherDialog,
+      cancelTeacherDialog1,
+      handleLook,
+      cancel,
+      deleteModal,
+      handleModify,
+      closeDeleteTeacher,
+      createTeacherDialog,
+      repl,
+      teacherTlevel,
+      validateField,
+      handleOperate,
+      closehandleOperate,
+      getTableDate,
+      LecturerSystemLista,
+      TeacherSystem,
+      infoteacherList,
+      getinfoteacher,
+      addContentData,
+      drawerContent,
+      isupload,
+      AddContentList,
+      beforeUpload2,
+      changeUpload,
+      folderId,
+      uploadRef,
+      uploadUrl,
+      accept,
+      handleupdialog,
+      cancelupdialog,
+      createupdialog,
+      removeList,
+    }
+  },
+};
+</script>
+<style lang="scss" scoped>
+.headers {
+  height: 56px;
+  border-bottom: 1px solid #e8e8e8;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  // background-color: red;
+  margin-bottom: 20px;
+  flex-shrink: 0;
+
+  .headerTitle {
+    font-size: 18px;
+    font-weight: 600;
+    color: #333333;
+    line-height: 25px;
+    // margin-left: 24px;
+  }
+}
+.selectonlineface{
+  z-index: 999;
+  width: 679px;
+  background: #ffffff;
+  box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21);
+  position: absolute;
+  left: 50%;
+  top: -100%;
+  transform: translate(-50%, -50%);
+  .bg_headers {
+    position: absolute;
+    width: 100%;
+    height: 40px;
+    background: linear-gradient(
+      rgba(78, 166, 255, 0.2) 0%,
+      rgba(78, 166, 255, 0) 100%
+    );
+  }
+  .bg_main {
+    width: 100%;
+    position: relative;
+    .bg_main_header {
+      display: flex;
+      align-items: center;
+      padding-top: 20px;
+      padding-left: 26px;
+      font-size: 16px;
+      .bg_main_header_icon {
+        width: 16px;
+        height: 16px;
+        margin-right: 10px;
+        background-image: url(@/assets/images/evaluation/uploads.png);
+        background-size: 100% 100%;
+      }
+      .bg_main_header_close {
+        position: absolute;
+        right: 42px;
+        cursor: pointer;
+        width: 20px;
+        height: 20px;
+        background-image: url(@/assets/images/coursewareManage/close.png);
+        background-size: 100% 100%;
+      }
+    }
+    .text_color{
+      color:#d9d9d9;
+    }
+    .bg_body {
+      width: 80%;
+      margin: 3px auto;
+
+      .bg_body_bt {
+        display: flex;
+        align-items: center;
+        justify-content: end;
+        margin: 14px auto;
+
+        .bg_body_bttext {
+          width: 110px;
+          display: flex;
+          justify-content: end;
+          margin-right: 20px;
+          .bg_body_btimg{
+            width: 10px;
+            height: 10px;
+            margin-top: -3px;
+            margin-right: 6px;
+            background-size: 100% 100%;
+          }
+        }
+        .mbl_items12 {
+          width: 333px;
+          margin-left: 128px;
+          .item_text{
+            width: 300px;
+            white-space: nowrap; /* 不换行 */
+            overflow: hidden; /* 超出部分隐藏 */
+            text-overflow: ellipsis; /* 使用省略号表示被隐藏的部分 */
+          }
+          .i12_box1 {
+            display: flex;
+            align-items: center;
+            padding: 10px 0px 17px 21px;
+            border: 1px solid #eff4fc;
+            border-radius: 8px;
+            margin-bottom: 10px;
+
+            .file_img {
+              width: 27px;
+              height: 32px;
+              background-image: url(@/assets/images/coursewareManage/imgs.png);
+              margin-right: 22px;
+
+              img {
+                width: 100%;
+                height: 100%;
+              }
+            }
+
+            .file_detail {
+              width: 250px;
+              margin-right: 21px;
+
+              .file_updata {
+                display: flex;
+                align-items: center;
+
+                .updatabox {
+                  position: relative;
+                  width: 230px;
+                  height: 5px;
+                  background-color: rgba(192, 192, 192, 0.25);
+                  border-radius: 3px;
+
+                  .updatacolor {
+                    position: absolute;
+                    left: 0;
+                    width: 100%;
+                    height: 5px;
+                    background-color: #57c887;
+                    border-radius: 3px;
+                  }
+
+                  .updatacolor2 {
+                    position: absolute;
+                    left: 0;
+                    width: 80%;
+                    height: 5px;
+                    background-color: #ff7474;
+                    border-radius: 3px;
+                  }
+
+                  .updatacolor3 {
+                    position: absolute;
+                    left: 0;
+                    width: 60%;
+                    height: 5px;
+                    background-color: #4ea6ff;
+                    border-radius: 3px;
+                  }
+                  .updataxq1{
+                    margin-top: 7px;
+                  }
+
+                  .updataxq {
+                    position: absolute;
+                    right: 2px;
+                    top: -37px;
+                    color: #57c887;
+                  }
+
+                  .updataxq2 {
+                    position: absolute;
+                    right: 2px;
+                    top: -35px;
+                    color: #ff7474;
+                  }
+
+                  .updataxq3 {
+                    position: absolute;
+                    right: 2px;
+                    top: -30px;
+                    color: #4ea6ff;
+                  }
+                }
+              }
+            }
+
+            .file_operation {
+              display: flex;
+
+              .fobox {
+                margin-right: 5px;
+                cursor: pointer;
+              }
+            }
+          }
+        }
+      }
+      .bg_body_input {
+        flex: 1;
+        position: relative;
+        .ant-upload-picture-card-wrapper{
+          width: 200px;
+          margin-right: 18px;
+        }
+        .i_upload_img {
+            width: 200px;
+            height: 112px;
+          }
+          ::v-deep .ant-upload.ant-upload-select-picture-card{
+            width: 90px;
+            height: 90px;
+          }
+          .i_upload {
+            width: 200px;
+            height: 112px;
+            text-align: center;
+            align-items: center;
+            cursor: pointer;
+
+            .addimg {
+              position: relative;
+
+              .heng {
+                position: absolute;
+                top: 59px;
+                left: 71px;
+                width: 60px;
+                border: 1px solid #d9d9d9;
+              }
+
+              .shu {
+                position: absolute;
+                top: 30px;
+                left: 100px;
+                height: 60px;
+                border: 1px solid #d9d9d9;
+              }
+            }
+          }
+        .upload_box{
+          border: 1px solid #d9d9d9;
+          padding: 2px 5px;
+          background-color: #d9d9d9;
+          border-radius: 2px;
+          cursor: pointer;
+        }
+        .error-message{
+          color: red;
+          font-size: 11px;
+          margin-top: 2px;
+          margin-bottom: 0;
+        }
+      }
+      .bg_footer {
+        width: 100%;
+        margin-left: 174px;
+        margin-top: 25px;
+        margin-bottom: 20px;
+        display: flex;
+
+        .btn {
+          width: 100px;
+          height: 40px;
+          background: rgba(64, 158, 255, 0);
+          border-radius: 8px;
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          margin-right: 14px;
+          flex-shrink: 0;
+          cursor: pointer;
+
+          .btnText {
+            font-size: 14px;
+            font-weight: 400;
+            line-height: 40px;
+          }
+        }
+
+        .btn5 {
+          border: 1px solid rgba(64, 158, 255, 1);
+          color: #4ea6ff;
+        }
+
+        .btn6 {
+          background-color: #4ea6ff;
+          color: #ffffff;
+        }
+        .btndesign {
+          background-color: #eff4fc;
+          color: #ffffff;
+        }
+      }
+    }
+    .headers{
+      margin-left: 38px;
+      margin-right: 38px;
+      margin-top: 30px;
+      display: flex;
+      justify-content: space-between;
+      flex-wrap: wrap;
+      .btn{
+        display: flex;
+      }
+      .headers_item{
+        margin-right: 20px;
+        margin-bottom: 20px;
+        .headers_item_text{
+          margin-right: 15px;
+        }
+        .headers_item_btn {
+          padding: 0px 26px 0px 26px;
+          height: 38px;
+          background: #4ea6ff;
+          border-radius: 8px;
+          border: 1px solid rgba(64, 158, 255, 1);
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          margin-right: 14px;
+          flex-shrink: 0;
+          cursor: pointer;
+
+          .search {
+            background-size: 100%;
+          }
+
+          .btnText {
+            font-size: 14px;
+            font-weight: 400;
+            color: #ffffff;
+            line-height: 36px;
+            margin-left: 5px;
+          }
+        }
+        .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");
+          }
+        }
+        ::v-deep .ant-select {
+          border-radius: 5px;
+          width: 100%;
+          height: 40px;
+          .ant-select-selector {
+            border-radius: 8px;
+            width: 100%;
+            height: 40px;
+          }
+          .ant-select-selection-placeholder{
+            line-height: 40px;
+          }
+          .ant-select-selection-item{
+            line-height: 40px;
+          }
+        }
+      }
+    }
+  }
+}
+::v-deep .ant-upload.ant-upload-select-picture-card {
+  border-radius: 50% !important;
+  width: 90px;
+  height: 90px;
+}
+
+.add_content {
+  width: 20px;
+  height: 20px;
+  cursor: pointer;
+  border-radius: 50%;
+  background-color: #4ea6ff;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  .text{
+    font-size: 20px;
+    color: #fff;
+    margin-top: -4px;
+  }
+}
+.add_list{
+  width: 150%;
+  display: flex;
+  flex-wrap: wrap;
+  margin-top: 10px;
+  margin-bottom: 20px;
+  // overflow: auto;
+  .add_item{
+    padding: 0 10px;
+    color: #096dd9;
+    background: #e6f7ff;
+    border: 1px solid #91d5ff;
+    margin-left: 10px;
+    width: 66px;
+    height: 22px;
+    line-height: 22px;
+    text-align: center;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    margin-bottom: 20px;
+    font-size: 12px;
+  }
+  .add_content {
+    width: 20px;
+    height: 20px;
+    cursor: pointer;
+    border-radius: 50%;
+    background-color: #4ea6ff;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    margin-left: 10px;
+    .text{
+      font-size: 20px;
+      color: #fff;
+      margin-top: -4px;
+    }
+  }
+}
+//导出按钮icon
+.daochu {
+  width: 16px;
+  height: 18px;
+  background-image: url("../../assets/images/coursewareManage/export1.png");
+}
+
+//弹窗内详情样式
+.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;
+}
+
+.InsideLecturer {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  position: relative;
+
+  .filter {
+    margin-left: 38px;
+    margin-right: 38px;
+    margin-top: 30px;
+    display: flex;
+    justify-content: space-between;
+    flex-wrap: wrap;
+
+    .select {
+      margin-right: 20px;
+      margin-bottom: 20px;
+    }
+  }
+}
+
+.ant-modal {
+  .ant-modal-content {
+    width: 424px !important;
+
+    .ant-modal-body {
+      .delete {
+        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-icons {
+              width: 16px;
+              height: 16px;
+              position: relative;
+              margin-right: 10px;
+
+              img {
+                width: 100%;
+                height: 100%;
+                position: absolute;
+                top: 0px;
+                left: 0px;
+                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;
+            }
+          }
+        }
+      }
+    }
+  }
+}
+
+
+// 重置样式
+.resetbtn {
+  width: 100px;
+  height: 40px;
+  border-radius: 8px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-right: 14px;
+  flex-shrink: 0;
+  cursor: pointer;
+  .search {
+    width: 15px;
+    height: 16px;
+    margin-right: 5px;
+    background: url("../../assets/images/courseManage/add0.png") no-repeat;
+    background-size: 100% 100%;
+  }
+}
+
+//展开收起样式
+.moreidbtn {
+  border: none;
+  color: #4ea6ff;
+  width: 80px
+}
+
+//小竖线
+.line {
+  float: left;
+  width: 3px;
+  height: 17px;
+  background: #4ea6ff;
+  margin-left: -14px;
+  margin-top: 3px;
+}
+
+//抽屉功能
+.drawaer
+
+/* 改变所有 a-tree-select 输入框的高度 */
+.ant-tree-select .ant-select-selection {
+  height: 40px;
+  line-height: 40px;
+  /* 确保文字垂直居中 */
+}
+
+.draitem {
+  width: 100%;
+  height: 40px !important;
+  border-radius: 8px;
+  line-height: 40px;
+}
+
+.drabtn {
+  cursor: pointer;
+  width: 100px;
+  height: 40px;
+  background: #4ea6ff;
+  border-radius: 8px;
+  border: 0;
+  margin-left: 15px;
+  color: #fff;
+}
+
+::v-deep .ant-select:not(.ant-select-customize-input) .ant-select-selector {
+  border-radius: 8px;
+  height: 40px;
+  line-height: 40px;
+}
+
+.ant-col-12 {
+  height: 90px;
+}
+
+.item_inp {
+  flex: 1;
+  text-align: center;
+
+  .i_upload_img {
+    width: 84px;
+    height: 84px;
+    border-radius: 8px;
+  }
+
+  .i_upload {
+    width: 100px;
+    height: 100px;
+    border: 1px solid #4ea6ff;
+    border-radius: 50%;
+    text-align: center;
+    align-items: center;
+    cursor: pointer;
+
+    .addimg {
+      position: relative;
+
+      .heng {
+        position: absolute;
+        top: 50px;
+        left: 25px;
+        width: 50px;
+        border: 1px solid #4ea6ff;
+      }
+
+      .shu {
+        position: absolute;
+        top: 25px;
+        left: 50px;
+        height: 50px;
+        border: 1px solid #4ea6ff;
+      }
+    }
+  }
+
+  .ant-upload.ant-upload-select-picture-card {
+    border: 0px !important;
+    border-radius: 50% !important;
+  }
+}
+
+.item_inp .i_upload[data-v-6b882d01] {
+  border-radius: 50% !important;
+}
+
+::v-deep .ant-modal-close {
+  display: none;
+}
+.tableBox {
+padding-bottom: 20px;
+margin: 20px 38px 30px;
+::v-deep .ant-select-dropdown{
+ display: inline-block;
+}
+::v-deep .ant-select-selection-item{
+margin-left: 3px;
+}
+::v-deep .ant-pagination-options-size-changer.ant-select{
+width: 84px;
+}
+.pa {
+width: 100%;
+display: flex;
+justify-content: right;
+}
+}
+.item_inp .i_upload_img[data-v-6b882d01] {
+  border-radius:50% 
+}
+</style >
\ No newline at end of file
diff --git a/src/views/lecturer/InsideTeaching.vue b/src/views/lecturer/InsideTeaching.vue
new file mode 100644
index 00000000..7a50af3a
--- /dev/null
+++ b/src/views/lecturer/InsideTeaching.vue
@@ -0,0 +1,1768 @@
+<!-- 内部授课页面 -->
+<template>
+  <div>
+    <!-- 搜索框及按钮 -->
+    <div class="filter">
+      <a-form layout="inline" style="min-width: 1380px;">
+        <a-form-item class="select">
+          <a-input v-model:value="searchParam.name" style="width: 276px; height: 40px; border-radius: 8px"
+            placeholder="请输入工号/讲师姓名进行检索" allowClear showSearch v-on:keydown.enter="enterPressHadlerSearch">
+          </a-input>
+        </a-form-item>
+        <a-form-item class="select">
+          <a-input v-model:value="searchParam.courseName" style="width: 276px; height: 40px; border-radius: 8px"
+            placeholder="请输入课程名称进行搜索" allowClear showSearch v-on:keydown.enter="enterPressHadlerSearch">
+          </a-input>
+        </a-form-item>
+        <!-- <a-form-item class="select ">
+          <a-range-picker style="width: 276px; height: 40px; border-radius: 8px" v-model:value="searchdate" separator="至"
+            :placeholder="['      开始时间', '        结束时间']" @change="searchTimeChange" />
+        </a-form-item> -->
+        <a-form-item class="select ">
+          <div class="select addTimeBox">
+            <div class="addTime">授课日期</div>
+            <a-range-picker v-model:value="searchdate" style="width: 420px" format="YYYY-MM-DD" valueFormat="YYYY-MM-DD"
+              separator="至" :placeholder="['      开始时间', '        结束时间']" v-on:keydown.enter="enterPressHadlerSearch" />
+<!--    @change="searchTimeChange" -->
+          </div>
+        </a-form-item>
+        <!-- <div style="width:100%"></div> -->
+        <a-form-item class="select" v-if="moreid == 2">
+          <a-select style="width: 235px ;margin-bottom:20px" v-model:value="searchParam.createFrom" placeholder="录入类型"
+            :options="entryTypeList" allowClear v-on:keydown.enter="enterPressHadlerSearch">
+          </a-select>
+        </a-form-item>
+        <a-form-item class="select" v-if="moreid == 2">
+          <a-select style="width: 235px" v-model:value="searchParam.courseStatus" placeholder="开课状态"
+            :options="AuthenticationStatusList" a    llowClear showSearch v-on:keydown.enter="enterPressHadlerSearch">
+          </a-select>
+        </a-form-item>
+        <a-form-item class="select" v-if="moreid == 2">
+          <a-select style="width: 235px" placeholder="请选择讲师体系" v-model:value="searchParam.tSystemId"
+            :options="LecturerSystemList" allowClear showSearch @change="changetlevel"
+            v-on:keydown.enter="enterPressHadlerSearch">
+          </a-select>
+        </a-form-item>
+        <a-form-item class="select" v-if="moreid == 2">
+          <!-- <a-select style="width: 235px" placeholder="请选择所属组织" v-model:value="searchParam.sourceBelongId"
+            :options="getOrganizationList" allowClear showSearch v-on:keydown.enter="enterPressHadlerSearch">
+          </a-select> -->
+          <OrgClass v-model:value="searchParam.orgId" :placeholder="'请选择讲师组织'"
+          style="width: 235px" 
+          ></OrgClass>
+        </a-form-item>
+        <a-form-item class="select" v-if="moreid == 2">
+          <a-tree-select style="width: 235px" :fieldNames="{
+            children: 'children',
+            label: 'name',
+            value: 'code',
+          }" allow-clear :getPopupContainer="triggerNode => triggerNode.parentNode || document.body"
+            v-model:value="searchParam.courseTypeId" show-search
+            :dropdown-style="{ maxHeight: '400px', overflow: 'auto' }" placeholder="请选择内容分类" tree-default-expand-all
+            :tree-data="sysTypeOptions" v-on:keydown.enter="enterPressHadlerSearch">
+          </a-tree-select>
+        </a-form-item>
+        <!-- <div style="width: 100%;"></div> -->
+        <a-form-item class="select" v-if="moreid == 2">
+          <a-select style="min-width: 235px ; height: auto ;margin-bottom:20px" v-model:value="score" placeholder="请选择评分"
+            :options="scoreList" allowClear showSearch mode="multiple" @change="scoreChange"
+            v-on:keydown.enter="enterPressHadlerSearch">
+          </a-select>
+        </a-form-item>
+        <a-form-item class="select" v-if="moreid == 2">
+          <a-select style="width: 235px" v-model:value="searchParam.studys" placeholder="授课人数" :options="studysList"
+            allowClear showSearch v-on:keydown.enter="enterPressHadlerSearch">
+          </a-select>
+          <!-- <a-input v-model:value="searchParam.name" style="width: 276px; height: 40px; border-radius: 8px"
+            placeholder="授课人数" allowClear showSearch>
+          </a-input> -->
+        </a-form-item>
+        <div style="display: flex; margin-bottom: 20px">
+          <a-button @click="searchSubmit()" type="primary" class="resetbtn">查询 </a-button>
+          <a-button class="resetbtn " @click="searchReset">重置</a-button>
+          <div v-if="moreid == 1">
+            <a-button style="line-height:32px;" @click="handlemoreid()" class="moreidbtn" type="text"> 展开
+              <DownOutlined />
+            </a-button>
+          </div>
+          <div v-if="moreid == 2">
+            <a-button style="line-height:32px;" @click="handlemoreid()" class="moreidbtn"> 收起
+              <UpOutlined />
+            </a-button>
+          </div>
+        </div>
+      </a-form>
+      <div style="width: 100%;"></div>
+      <div style="display: flex; margin-bottom: 20px">
+        <a-button @click="addTeacher()" type="primary" class="langbtn">
+          <div class="search"></div> 添加授课记录
+        </a-button>
+        <!-- <a-upload multiple :headers="headers" :show-upload-list="false" :before-upload="beforeUpload2"> -->
+        <a-button class="resetbtn" @click="handleImport()">
+          <DownloadOutlined /> 导入
+        </a-button>
+        <!-- </a-upload> -->
+        <a-button @click="handleExport()" class="resetbtn">
+          <UploadOutlined /> 导出
+        </a-button>
+      </div>
+      <!-- 表格 -->
+      <div style="padding: 10px 0">
+        <a-table :header-cell-style="{ 'text-align': 'center' }" style="border: 1px solid #f2f6fe" :columns="columns"
+          :scroll="{ x: 1500 }" :data-source="tableData" :loading="tableLoading" @expand="expandTable"
+          :pagination="false">
+          <template #bodyCell="{ record, column }">
+            <template v-if="column.key === 'teaching'">
+              <a-space style="display:flex ;justify-content: space-around;  ">
+                <span>{{ (record?.teaching / 60).toFixed(2) +'小时'|| '-' }}</span>
+              </a-space>
+            </template>
+            <template v-if="column.key === 'operation'">
+              <a-space>
+                <a-button type="link" @click="() => handleLook(record, String(record.courseform))">查看</a-button>
+                <a-button type="link" @click="() => handleModify(record, String(record.courseform))"
+                  v-if="record.createFrom == 1 && record.courseStatus == 0">编辑 </a-button>
+                <a-button type="link" v-if="record.createFrom == 1 && record.isSuperPermission === 'true'"
+                  @click="() => deleteModal(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 class="pa">
+        <a-pagination v-if="tableDataTotal > 10" :showSizeChanger="true" :showQuickJumper="true"
+          :hideOnSinglePage="false" :pageSize="searchParam.pageSize" :current="searchParam.pageNo" :total="tableDataTotal"
+          class="pagination" @change="changePagination" />
+          <!--  :show-total="total => `共 ${total} 条数据`" -->
+      </div>
+    </div>
+    <!-- 弹窗组件 -->
+    <a-drawer v-model:visible="teacherdialog" :closable="false" placement="right" :maskClosable="false"
+      width="60%" :title="false">
+      <div class="headers" style="margin-top:-24px;">
+        <div class="headerTitle">{{ teacherdialogtitle }}</div>
+        <img
+          style="width: 29px; height: 29px; cursor: pointer"
+          src="@/assets/images/basicinfo/close.png"
+          @click="cancelTeacherDialog"
+        />
+      </div>
+      <a-form :model="formParam" :rules="rules" layout="vertical" ref="formRef">
+        <!-- 讲师姓名  teacher  组织 orgName-->
+        <a-row :gutter="16">
+          <a-col :span="12">
+            <a-form-item label="讲师名称" name="name">
+              <SearchTeacher @tlevel="tlevelChange" v-model:value="formParam.name" v-model:lable="formParam.orgNames"
+                v-model:id="formParam.teacherId" v-model:system="tSystemNames" v-model:level="formParam.tlevelId">
+              </SearchTeacher>
+            </a-form-item>
+          </a-col>
+          <a-col :span="12">
+            <a-form-item label="讲师组织" name="orgName">
+              <a-popover>
+                <!-- <template #content>
+                  {{ formParam.orgNames }}
+                </template> -->
+
+                <a-input :title="formParam.orgNames" disabled v-model:value="formParam.orgName" class="draitem"
+                  placeholder="自动带出讲师的组织,展示主要部分,鼠标浮上去展示所有" allowClear showSearch>
+                </a-input>
+              </a-popover>
+            </a-form-item>
+          </a-col>
+        </a-row>
+        <!-- 讲师体系  tsystemName  级别 tlevelId -->
+        <a-row :gutter="16">
+          <a-col :span="12">
+            <a-form-item label="讲师体系" name="tsystemName">
+              <a-input disabled v-model:value="tSystemNames.systemName" class="draitem" placeholder="自动带出讲师的体系" allowClear
+                showSearch>
+              </a-input>
+            </a-form-item>
+          </a-col>
+          <a-col :span="12">
+            <a-form-item label="讲师级别" name="tlevelName">
+              <a-input disabled v-model:value="formParam.tlevelName" class="draitem" placeholder="自动带出讲师级别" allowClear
+                showSearch>
+              </a-input>
+            </a-form-item>
+          </a-col>
+        </a-row>
+        <!-- 内容分类 courseTypeId  课程名称 name  -->
+        <a-row :gutter="16">
+          <a-col :span="12">
+            <a-form-item label="内容分类" name="courseTypeId">
+              <a-tree-select :fieldNames="{
+                children: 'children',
+                label: 'name',
+                value: 'code',
+              }" allow-clear :getPopupContainer="triggerNode => triggerNode.parentNode || document.body"
+                v-model:value="formParam.courseTypeId" show-search
+                :dropdown-style="{ maxHeight: '400px', overflow: 'auto' }" placeholder="请选择内容分类" tree-default-expand-all
+                :tree-data="sysTypeOptions" @change="treetype">
+              </a-tree-select>
+            </a-form-item>
+          </a-col>
+          <a-col :span="12">
+            <a-form-item label="课程名称：" name="courseName">
+              <a-input class="draitem" v-model:value="formParam.courseName" placeholder="请输入课程名称" allowClear showSearch
+                :maxlength="20" showCount @blur="sendName">
+              </a-input>
+            </a-form-item>
+          </a-col>
+        </a-row>
+        <!-- 授课日期 teachingDate     开课状态 courseStatus -->
+        <a-row :gutter="16">
+          <!-- <a-col :span="12">
+            <a-form-item label="课程归属组织" name="sourceBelongId">
+              <OrgClass v-model:value="formParam.sourceBelongId" v-model:name="formParam.sourceBelongFullName"></OrgClass>
+            </a-form-item>
+          </a-col> -->
+          <a-col :span="12">
+            <a-form-item label="授课/课程日期 :" name="teachingDate">
+              <a-date-picker class="draitem" v-model:value="teachingDate" style="width:100%" format="YYYY-MM-DD HH:mm"
+                :show-time="{ format: 'HH:mm' }" type="datetime" placeholder="请选择课程日期" />
+            </a-form-item>
+          </a-col>
+          <a-col :span="12">
+            <a-form-item label="开课状态">
+              <a-radio-group v-model:value="formParam.courseStatus" class="draitem">
+                <a-radio :value="0">未开课</a-radio>
+                <a-radio :value="1">已开课</a-radio>
+              </a-radio-group>
+            </a-form-item>
+          </a-col>
+        </a-row>
+        <!-- 授课时长 teaching  评分 score-->
+        <a-row :gutter="16">
+          
+          <a-col :span="12">
+            <a-form-item label="授课时长" name="teaching">
+              <a-input v-model:value="formParam.teaching" style="width:80%; height: 40px; border-radius: 8px ; "
+                placeholder="请输入授课时长" allowClear showSearch suffix="分钟" :maxLength="8" @blur="clearNonNumber">
+              </a-input>
+              <span style="margin-left: 5px ;" v-if="formParam.teaching != null">{{ (formParam.teaching / 60
+              ).toFixed(2) }}小时</span>
+              <span style="margin-left: 5px ;" v-if="formParam.teaching == null">0.00小时</span>
+            </a-form-item>
+          </a-col>
+          <a-col :span="12">
+            <a-form-item label="评分" name="score">
+              <!-- <a-input class="draitem" v-model:value="formParam.score"  @blur="clearscoreNumber" placeholder="" allowClear showSearch>
+              </a-input> -->
+              <a-input-number v-model:value="formParam.score" :precision="2" :min="0" :max="10"
+                style="width:100%; height: 40px; border-radius: 8px ; " placeholder="请输入评分" />
+            </a-form-item>
+          </a-col>
+        </a-row>
+        <!-- 参训人数 studys-->
+        <a-row :gutter="16">
+          
+          <a-col :span="12">
+            <a-form-item label="参训人数" name="studys">
+              <a-input v-model:value="formParam.studys" class="draitem" placeholder="请输入参训人数" :maxLength="8"
+                @blur="clearstudysNumber" allowClear showSearch>
+              </a-input>
+            </a-form-item>
+          </a-col>
+        </a-row>
+        <!-- 备注 remark -->
+        <a-row :gutter="16">
+          <a-col :span="24">
+            <a-form-item label="备注">
+              <a-textarea v-model:value="formParam.remark" showCount :maxlength="200" @blur="sendRemark"
+                style="width: 100%; height: 100px; border-radius: 8px;margin-bottom:62px;" placeholder="请输入" />
+            </a-form-item>
+          </a-col>
+        </a-row>
+      </a-form>
+      <div :style="{
+        position: 'absolute',
+        right: 0,
+        bottom: 0,
+        width: '100%',
+        borderTop: '1px solid #e9e9e9',
+        padding: '10px 16px',
+        background: '#fff',
+        textAlign: 'right',
+        zIndex: 1,
+      }">
+        <a-button class="drabtn" @click="cancelTeacherDialog">取消</a-button>
+        <a-button class="drabtn" type="primary" @click="createTeacherDialog" :loading="buttonLoading">保存
+        </a-button>
+      </div>
+    </a-drawer>
+    <!--查看授课详情 -->
+    <a-drawer v-model:visible="teachingdialog" :closable="false" placement="right" :maskClosable="false"
+      width="60%" :title="false">
+      <div class="headers" style="margin-top:-24px;">
+        <div class="headerTitle">查看讲师授课记录</div>
+        <img
+          style="width: 29px; height: 29px; cursor: pointer"
+          src="@/assets/images/basicinfo/close.png"
+          @click="cancelTeachingDialog"
+        />
+      </div>
+      <span class="line"></span>
+      <span style="font-weight:600;">讲师信息</span>
+      <a-descriptions style="margin-top:15px;" bordered :column="2" :contentStyle="rowCenter" :labelStyle="{'width':'160px'}">
+        <a-descriptions-item label="讲师名称">{{ formParam.teacherName ||'-'}}</a-descriptions-item>
+        <a-descriptions-item label="讲师工号">{{ formParam.userNo||'-' }}</a-descriptions-item>
+        <a-descriptions-item label="讲师组织" :span="2">{{ formParam.orgName||'-' }}</a-descriptions-item>
+        <a-descriptions-item label="讲师体系">{{ formParam.tsystemName||'-' }}</a-descriptions-item>
+        <a-descriptions-item label="讲师级别">{{ formParam.tlevelName||'-'
+        }}</a-descriptions-item>
+        <a-descriptions-item label="录入方式">
+          {{ formParam.createFrom == 0 ? '系统生成' : formParam.createFrom == 1 ? '手动录入' : '-' }}</a-descriptions-item>
+        <a-descriptions-item label="课程类型">{{ formParam.type == 0 ? '在线课' : formParam.type == 1 ? '面授课' : '-'
+        }}</a-descriptions-item>
+        <a-descriptions-item label="课程名称">{{ formParam.courseName||'-' }}</a-descriptions-item>
+        <a-descriptions-item label="开课状态">{{ formParam.courseStatus == 0 ? '未开课' : formParam.courseStatus == 1
+          ? '已开课' : '-' }}</a-descriptions-item>
+        <a-descriptions-item label="授课时长  ">
+          <span> {{ formParam.teaching }} 分钟</span>
+          <span style="margin-left: 10px ;" v-if="formParam.teaching != '0'">({{ (formParam.teaching / 60
+          ).toFixed(2) }}小时)</span> </a-descriptions-item>
+        <a-descriptions-item label="授课/课程日期  ">{{ formParam.teachingDate||'-' }}</a-descriptions-item>
+        <a-descriptions-item label="参训人数  ">{{ formParam.studys||'-' }}</a-descriptions-item>
+        <a-descriptions-item label="评分  ">{{ formParam.score||'-' }}</a-descriptions-item>
+        <a-descriptions-item label="内容分类">{{ formParam.courseTypeName||'-' }}</a-descriptions-item>
+        <a-descriptions-item label="备注  ">{{ formParam.remark||'-' }}</a-descriptions-item>
+      </a-descriptions>
+      <div v-if="formParam.createFrom == '0'">
+        <div style="margin-top:20px ;line-height: 24px;margin-bottom: 15px;">
+          <span class="line"></span>
+          <span style="font-weight:600;">讲师费发放情况</span>
+        </div>
+        <a-table :header-cell-style="{ 'text-align': 'center' }" style="border: 1px solid #f2f6fe;margin-bottom: 60px;" :columns="column"
+          :data-source="tableDatas" :pagination="false">
+          <template #bodyCell="{ record, column }">
+            <template v-if="column.key === 'operation'">
+              <a-space>
+                <!-- <a-button type="link" @click="() => handleLooka(record, String(record.courseform))">查看</a-button> -->
+              </a-space>
+            </template>
+          </template>
+        </a-table>
+      </div>
+      <!-- <div :style="{
+        position: 'absolute',
+        right: 0,
+        bottom: 0,
+        width: '100%',
+        borderTop: '1px solid #e9e9e9',
+        padding: '10px 16px',
+        background: '#fff',
+        textAlign: 'right',
+        zIndex: 1,
+      }">
+        <a-button class="drabtn" @click="cancelTeachingDialog">取消</a-button>
+        <a-button class="drabtn" type="primary" @click="cancelTeachingDialog" :loading="buttonLoading">返回
+        </a-button>
+      </div> -->
+    </a-drawer>
+    <!-- 删除功能弹窗 -->
+    <div>
+      <a-modal v-model:visible="deleteTeacherdialog" :footer="null" :closable="close" wrapClassName="canclestu1"
+        centered="true">
+        <div class="delete">
+          <div class="del_header"></div>
+          <div class="del_main">
+            <div class="header">
+              <img src="@/assets/images/coursewareManage/QR.png" alt="" style="margin-right:10px" />
+              <span>提示</span>
+            </div>
+            <div class="body">
+              <span>您确定要删除此条记录吗</span>
+            </div>
+            <div class="del_btnbox">
+              <div class="del_btn btn2" @click="cancelTeacherDialog1" style="margin-right: 32px">
+                <div class="btnText">取消</div>
+              </div>
+              <div class="del_btn btn2" @click="closeDeleteTeacher">
+                <div class="btnText">确定</div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </a-modal>
+    </div>
+    <ImportWork v-model:showWork="showWork" :template="'内部授课记录导入模板'" :url="'/admin/export/importInTeacherRecord'" :title="title"></ImportWork>
+    <!-- <div> <Upload/> </div>         -->
+  </div>
+</template>
+<script lang="jsx">
+import { reactive, toRefs, ref, computed, watch, onMounted } from "vue";
+import moment, { Moment } from 'moment';
+import { useRouter, useRoute } from "vue-router";
+import {
+  DownOutlined,
+  UpOutlined,
+  UploadOutlined,
+  FolderAddOutlined,
+  DownloadOutlined
+} from '@ant-design/icons-vue';
+import dayjs from "dayjs";
+// import Editor from "@/components/project/Editor";
+import ProjectManager from "@/components/project/ProjectManagerNew";
+import { message } from "ant-design-vue";
+import { getTeacherSystemList, infoteacher, getTeacherExpertise } from "../../api/Lecturer";
+import { getNewInTeacherCourseList, getOrganization, getTeacherCourseList, insertInTeacherCourse, updateInTeacherCourse, deleteInTeacherCourse } from "../../api/Teaching";
+import { getExpenseByCourseId } from "../../api/lecturerFeeManagement";
+// import AddTeacher from "../../components/drawers/project/AddTeacher"
+import ImportWork from "../../components/lecturer/ImportWork.vue";
+import { fileUp } from "../../api/Lecturer";
+import SearchTeacher from "@/components/project/SearchTeacher";
+import { useStore } from "vuex";
+import OrgClass from "@/components/project/OrgClass";
+export default {
+  name: "InsideTeaching",
+  components: {
+    // AddTeacher,
+    // Editor,
+    // Upload,
+    ImportWork,
+    SearchTeacher,
+    // Editor,
+    // ImageUpload
+    ProjectManager,
+    DownOutlined, //图标--展开
+    UpOutlined,//图标--收起
+    UploadOutlined,//图标--导出
+    DownloadOutlined,//图标-导入
+    FolderAddOutlined,//图标--新增
+    OrgClass,
+  },
+  setup() {
+    onMounted(() => {
+      const search = sessionStorage.getItem('searchLecturer')
+      if (route.query.activeKey == 1) {
+        state.moreid = 2
+        state.searchParam = JSON.parse(search)
+      }
+      searchSubmit()
+    })
+    const route = useRoute()
+    const formRef = ref();
+    const router = useRouter();
+    const state = reactive({
+      moreid: 1,
+      title: '导入内部授课记录',
+      vf: false,
+      log: false,
+      close: false,
+      showWork: false,
+      currentPage1: 1,
+      pageSize1: 10,
+      tableLoading: false,
+      delTeacherId: null, //删除id确认
+      userNoid: null,    //详情工号确认 
+      lookTeacherId: null, //详情id确认
+      deleteTeacherdialog: false, //删除弹窗
+      teacherdialog1: null,
+      teacherdialog: false,  //控制讲师弹窗
+      teacherdialogtitle: '',//讲师弹框title内容
+      teachingdialog: false,//控制查看抽屉
+      pageSizeOptions: ['10', '20', '30', '50'], //下拉选择每页显示多少条
+      pageSize: 10,
+      tableDataTotal: -1,//table列表总条数
+      searchdate: undefined, //选择时间
+      teachingDate: undefined, //选择时间
+      beginTime: null, //开始时间
+      endTime: null, //结束时间
+      tSystemNames: {
+        systemName: null,
+        levelVoList: []
+      },
+      score: undefined,
+      formParam: {
+        courseStatus: 1,
+        createFrom: 1,
+        teaching: null,
+        name: null,
+        teacherName: null,
+        teachingDate: null,
+        // sourceBelongId: null,
+        sourceBelongFullName: null,
+      },
+      startTime: null,
+      searchParam:
+      {
+        recordType: 1,
+        pageNo: 1,
+        pageSize: 10,
+        managerId: null,
+        name: null,
+        createFrom: null,
+        courseStatus: null,
+        orgId: null,
+        sourceBelongFullName:null,
+        tSystemId: null,
+        endTime: null,
+        beginTime: null,
+        studys: [],
+        score: undefined
+      }
+    })
+    // watch(()=>state.formParam.name,(val)=>{
+    //     state.formParam.teacherName = val?.split('/')[1]
+    //   }
+    //   )
+    //获取所属组织
+    const getOrganizationList = ref([
+      //   { value: 0, systemName: "讲师体系" },
+    ]);
+    //获取所属组织
+    const getOrganizationLista = () => {
+      // console.log('getOrganizationList')
+      let obj = {
+        pageNo: 1,
+        pageSize: 1000
+      }
+      getOrganization(obj).then ((res) => {
+        if (res.data.code === 200) {
+          let arr = res.data.data.records;
+          let array = [];
+          arr.map((value) => {
+            let obj = {
+              value: value.id,
+              label: value.affiliationName,
+            };
+            array.push(obj);
+          });
+          getOrganizationList.value = array;
+        }
+      })
+    }
+    getOrganizationLista()
+    const LecturerSystemList = ref([
+      //   { value: 0, systemName: "讲师体系" },
+    ]);
+    //获取讲师体系列表
+    const LecturerSystemLista = () => {
+      let obj = {
+        pageNo: 1,
+        pageSize: 1000,
+      }
+      getTeacherSystemList(obj).then((res) => {
+        if (res.data.code === 200) {
+          let arr = res.data.data.records;
+          let array = [];
+          arr.map((value) => {
+            let obj = {
+              value: value.id,
+              label: value.systemName,
+            };
+            array.push(obj);
+          });
+          LecturerSystemList.value = array;
+        }
+        console.log("获取讲师", LecturerSystemList);
+      })
+    }
+    LecturerSystemLista()
+    //获取内容分类
+    const store = useStore();
+    const sysTypeOptions = computed(() => store.state.content_type);
+    const treetype = (val, lab) => {
+      console.log(lab)
+      state.formParam.courseTypeName = lab.toString()
+    }
+    const OnTheJobStatusList = ref([
+      { value: 1, label: "项目开课" },
+      { value: 2, label: "路径开课" },
+      { value: 3, label: "面授开课" },
+    ])
+    const AuthenticationStatusList = ref([
+      { value: '', label: "全部" },
+      { value: 0, label: "未开课" },
+      { value: 1, label: "已开课" },
+    ])
+    const entryTypeList = ref([
+      { value: '', label: "全部" },
+      { value: 0, label: "系统生成" },
+      { value: 1, label: "手动录入" },
+    ])
+    const scoreList = ref([
+      { value: '', label: "全部" },
+      { value: '9-10', label: "9~10" },
+      { value: '8-9', label: "8~9" },
+      { value: '7-8', label: "7~8" },
+      { value: '6-7', label: "6~7" },
+      { value: '1-5', label: "1~5" },
+    ])
+    const studysList = ref([
+      { value: '0-30', label: "0~30" },
+      { value: '0-50', label: "0~50" },
+      { value: '0-70', label: "0~70" },
+      { value: '0-100', label: "0~100" },
+      { value: '0-150', label: "0~150" },
+      { value: '0-200', label: "0~200" },
+      { value: '0-300', label: "0~300 " },
+    ])
+    const scoreChange = (e) => {
+      if (e.length !== 0) {
+        e.map((item) => {
+          if (item !== '') {
+            scoreList.value.map((item) => {
+              item.disabled = false
+            })
+          }
+          else {
+            scoreList.value.map((item) => {
+              if (item.value !== '') {
+                item.disabled = true
+              }
+            })
+           e=''
+            state.score = ''
+          }
+        }
+        )
+      }
+      else {
+        scoreList.value.map((item) => {
+          item.disabled = false
+        })
+      }
+      // console.log(e)
+      state.searchParam.score = e.toString()
+    }
+    const columns = ref([
+
+      {
+        title: '讲师姓名 ',
+        dataIndex: 'teacherName',
+        key: 'teacherName',
+        ellipsis: true, align: "center",
+        width: 120,
+      },
+      {
+        title: '讲师工号 ',
+        dataIndex: 'userNo',
+        key: 'userNo',
+        ellipsis: true, align: "center",
+        width: 120,
+      },
+      {
+        title: '讲师体系 ',
+        dataIndex: 'tsystemName',
+        key: 'tsystemName',
+        ellipsis: true, align: "center",
+        width: 120,
+      },
+      {
+        title: '所属组织 ',
+        dataIndex: 'orgName',
+        key: 'orgName',
+        ellipsis: true, align: "center",
+        width: 200,
+        //  customRender: (value, record) => {
+        //   return (
+        //     <div>
+        //       {value.record.orgName}
+        //     </div>
+        //   )
+        // }
+      },
+      {
+        title: '数据来源',
+        dataIndex: 'createFrom',
+        key: 'createFrom',
+        ellipsis: true, align: "center",
+        width: 120,
+        customRender: (value) => {
+          return (
+            <div>
+              {value.record.createFrom == "0" || value.record.createFrom == "1"
+                ? {
+                  "0": "系统生成",
+                  "1": "手动录入",
+                }[value.record.createFrom + ""] || ""
+                : "-"}
+            </div>
+          )
+        }
+      },
+      {
+        title: '课程名称 ',
+        dataIndex: 'courseName',
+        key: 'courseName ',
+        ellipsis: true, align: "center",
+        width: 120,
+      },
+      {
+        title: '课程类型 ',
+        dataIndex: 'type',
+        key: 'type',
+        ellipsis: true, align: "center",
+        width: 120,
+        customRender: (value) => {
+          return (
+              <div>
+                {String(value.record.type)
+                  ? {
+                    "0": "在线课",
+                    "1": "面授课",
+                    "2": "课程开发",
+                    "3": "作业员入模培训",
+                    "4": "其他",
+                  }[value.record.type + ""]
+                  : "-"}
+              </div>
+            )
+        }
+      },
+      {
+        title: '授课时间',
+        dataIndex: 'teachingDate',
+        key: 'teachingDate',
+        ellipsis: true, align: "center",
+        width: 200,
+        customRender: (value) => {
+          return (
+            <div>
+              {value.record?.teachingDate?dayjs(value.record?.teachingDate).format("YYYY-MM-DD HH:mm"):'-'}
+            </div>
+          );
+        },
+      },
+      {
+        title: '开课状态 ',
+        dataIndex: 'courseStatus',
+        key: 'courseStatus',
+        ellipsis: true, align: "center",
+        width: 120,
+        customRender: (value) => {
+          return (
+            <div>
+              {value.record.courseStatus == 0 || value.record.courseStatus == 1
+                ? {
+                  "0": "未开课",
+                  "1": "已开课",
+                }[value.record.courseStatus + ""] || ""
+                : "-"}
+            </div>
+          )
+        }
+      },
+      {
+        title: '内容分类',
+        dataIndex: 'courseTypeName',
+        key: 'courseTypeName',
+        ellipsis: true, align: "center",
+        width: 120,
+      },
+      {
+        title: '授课时长(H) ',
+        dataIndex: 'teaching',
+        key: 'teaching',
+        ellipsis: true, align: "center",
+        scopedSlots: { customRender: "teaching" },
+        width: 120,
+      },
+      {
+        title: '参训人数',
+        dataIndex: 'studys',
+        key: 'studys',
+        ellipsis: true, align: "center",
+        width: 120,
+      },
+      {
+        title: '评分',
+        dataIndex: 'score',
+        key: 'score',
+        ellipsis: true, align: "center",
+        width: 120,
+      },
+      {
+        title: '是否生成课时费 ',
+        dataIndex: 'createdFee',
+        key: 'createdFee',
+        ellipsis: true, align: "center",
+        width: 150,
+        customRender: (value) => {
+          return (
+            <div>
+              {value.record.createdFee == 0 || value.record.createdFee == 1
+                ? {
+                  "0": "否",
+                  "1": "是",
+                }[value.record.feeCreated + ""] || ""
+                : "-"}
+            </div>
+          )
+        }
+      },
+      {
+        title: '操作 ',
+        dataIndex: 'operation',
+        key: 'operation',
+        ellipsis: true, align: "right",
+        width: 200,
+        fixed: "right",
+        scopedSlots: { customRender: "action" },
+      },
+    ])
+    //列表数据
+    const tableData = ref([
+
+    ])
+    const rules = {
+      name: [{ required: true, message: '', log: '讲师不能为空' }],
+      orgName: [{ required: true, message: '', log: '讲师组织不能为空' }],
+      tlevelName: [{ required: true, message: '', log: '讲师级别不能为空' }],
+      tsystemName: [{ required: true, message: '', log: '讲师体系不能为空' }],
+      courseTypeId: [{ required: true, message: '', log: '内容分类不能为空' }],
+      courseName: [{ required: true, message: '', log: '课程名称不能为空' }],
+      // sourceBelongId: [{ required: true, message: '', log: '课程归属组织不能为空' }],
+      teachingDate: [{ required: true, message: '', log: '授课日期不能为空' }],
+      teaching: [{ required: true, message: '', log: '授课时长不能为空' }],
+      courseStatus: [{ required: true, message:   '', log: '开课状态不能为空' }],
+      score: [{ required: true, message:   '', log: '评分不能为空' }],
+      studys: [{ required: true, message:   '', log: '参训人数不能为空' }],
+    }
+    //展开切换
+    const handlemoreid = () => {
+      if (state.moreid == 1) {
+        state.moreid = 2
+      }
+      else if (state.moreid == 2) {
+        state.moreid = 1
+        state.searchParam.createFrom = null
+        state.searchParam.courseStatus = null
+        state.searchParam.orgId = null
+        state.searchParam.sourceBelongFullName = null
+        state.searchParam.tSystemId = null
+        state.searchParam.id = null
+        state.searchParam.score = undefined
+        state.searchParam.studys = []
+        state.score = undefined
+      }
+    }
+    // 搜索
+    const searchSubmit = () => {
+      getTableDate();
+    };
+    //修改时间
+    //     function searchTimeChange(time, timeStr) {
+    //       // let startTime = timeStr[0]
+    //       // let endTime = timeStr[1] ;
+    //       // state.startTime = new Date(startTime).getTime();
+    //       // state.endTime = new Date(endTime).getTime();
+    //       // // state.searchParam.beginTime = new Date(beginTime).getTime() ;
+    //       // // state.searchParam.endTime = new Date(endTime).getTime() ;
+    //       // state.searchParam.beginTime = state.startTime ? state.startTime : null,
+    //       //   state.searchParam.endTime = state.endTime ? state.endTime : null
+    // }
+
+    // const editTimeChange = (e, date) => {
+    //   console.log(date);
+    //   state.beginTime = date;
+    //   // console.log(date, state.searchParam.beginTime, state.searchParam.endTime);
+    // };
+    //重置
+    const searchReset = () => {
+      state.searchdate = undefined,
+        state.score = undefined
+      state.searchParam = {  
+        recordType: 1,
+        pageNo: 1,
+        pageSize: 10,
+        managerId: null,
+        name: null,
+        courseName: null,
+        createFrom: null,
+        courseStatus: null,
+        orgId: null,
+       sourceBelongFullName :null,
+        tSystemId: null,
+        endTime: null,
+        beginTime: null,
+        studys: undefined,
+        score: undefined,
+        status: null,
+      };
+      getTableDate();
+    };
+    //  List接口数据
+    const getTableDate = (obj) => {
+      state.tableLoading = true
+      let objA = { ...state.searchParam };
+      objA.beginTime = state.searchdate ? dayjs(state.searchdate[0]).format("YYYY-MM-DD") : "",
+        objA.endTime = state.searchdate ? dayjs(state.searchdate[1]).format("YYYY-MM-DD") : "",
+        // objA.beginTime = state.searchParam.beginTime !== null ? dayjs(new Date(state.searchParam.beginTime).getTime()).format("YYYY-MM-DD") : "",
+        //   objA.endTime = state.searchParam.endTime !== null ? dayjs(new Date(state.searchParam.endTime).getTime()).format("YYYY-MM-DD") : "",
+        getNewInTeacherCourseList(objA)
+          .then((res) => {
+            tableData.value = res.data.data.records
+            state.tableDataTotal = Number(res.data.data.total);
+            state.tableLoading = false
+            console.log("获取tableData", tableData);
+          })
+          .catch(err => {
+            state.tableLoading = false
+            // message.error(err.data.msg)
+          })
+    };
+    getTableDate()
+
+    //   // 翻页
+    const changePagination = (page, pageSize) => {
+      state.searchParam.pageNo = page;
+      // state.pageNo = page;
+      state.searchParam.pageSize = pageSize;
+      getTableDate();
+    };
+    // 新增授课
+    const addTeacher = () => {
+      cancel()
+      state.teacherdialog1 = 0
+      state.teacherdialog = true;
+      state.teacherdialogtitle = '添加授课记录'
+      state.vf = true
+    }
+    //修改信息弹窗
+    const handleModify = (record) => {
+      state.teacherdialog = true;
+      state.teacherdialogtitle = '编辑授课记录'
+      state.lookTeacherId = record.teacherId
+      state.vf = false
+      TeacherSystem1(record)
+    }
+    async function validateField(name) {
+      return new Promise((resolve) => {
+        formRef.value.validateFields([name])
+          .then(() => {
+            resolve(false);
+          })
+          .catch(() => {
+            resolve(true);
+          });
+      });
+    }
+    const tlevelChange = (e) => {
+      state.formParam.tlevelName = e?.tlevelName
+      state.formParam.tlevelId = e?.tlevelId
+    }
+    watch(() => state.formParam.orgNames, (val) => {
+      console.log(val, 'orgName')
+      if (val) {
+        const parts = val.split('/');
+        const reversedParts = parts.reverse();
+        state.formParam.orgName = reversedParts.join('/');
+      }
+    })
+
+    //保存
+    const createTeacherDialog = async () => {
+      state.formParam.teachingDate = state.teachingDate ? dayjs(state.teachingDate).format("YYYY-MM-DD HH:mm").toString() : ""
+      state.formParam.teacherName = state.formParam.name?.split('/')[0]
+      state.formParam.userNo = state.formParam.name?.split('/')[1]
+      state.formParam.tsystemName = state.tSystemNames.systemName
+      state.formParam.tsystemId = state.tSystemNames?.systemId
+      if(state.formParam.score){
+        state.formParam.score = String(state.formParam.score)
+      }else{
+        state.formParam.score = null
+      }
+      if(state.formParam.studys==0){
+        state.formParam.studys = null
+      }
+      const formItemNames = Object.keys(rules);
+      for (let i = 0; i < formItemNames.length; i++) {
+        const result = await validateField(formItemNames[i]);
+        if (result) {
+          return message.error(rules[formItemNames[i]][0].log)
+        }
+      }
+      state.formParam.orgName = state.formParam.orgNames
+      state.formParam = { ...state.formParam, ...state.tSystemNames }
+      console.log(state.formParam)
+      if (state.vf == false) {
+        updateInTeacherCourse(state.formParam).then(response => {
+          message.success("编辑成功");
+          state.teacherdialog = false;
+          cancel()
+          getTableDate();
+        });
+      }
+      else {
+        insertInTeacherCourse(state.formParam)
+          .then((res) => {
+            message.success("添加成功");
+            state.teacherdialog = false;
+            cancel()
+            getTableDate();
+          }).catch((err) => {
+            console.log(err);
+          });
+      }
+    };
+    //删除弹窗
+    const deleteModal = (record) => {
+      state.deleteTeacherdialog = true
+      state.delTeacherId = record.id
+
+    };
+
+    //确认删除
+    const closeDeleteTeacher = () => {
+      //调用删除接口
+      // let obj = {
+      //   offcourseId: state.delTeacherId,
+      //   recordType: 1
+      // }
+      deleteInTeacherCourse(state.delTeacherId).then((res) => {
+        if (res.data.code == 200) {
+          message.success("删除成功");
+          state.deleteTeacherdialog = false
+          getTableDate();
+        }
+      })
+    }
+
+    //取消按钮 清空输入的数据
+    const cancelTeacherDialog = () => {
+      if (state.teacherdialog = true) {
+        formRef.value.resetFields();
+        state.teacherdialog = false
+        cancel()
+      }
+      // state.deleteTeacherdialog = false
+    };
+    const cancelTeacherDialog1 = () => {
+      state.deleteTeacherdialog = false
+    };
+    //清空数据
+    const cancel = () => {
+      state.formParam = {
+        recordType: 1,
+        courseStatus: 1,
+        teacher: null,
+        orgName: null,
+        tsystemName: null,
+        tlevelId: null,
+        courseName: null,
+        teaching: null,
+        studys: null,
+        score: null,
+        type: null,
+        remark: null,
+        // sourceBelongId: null,
+        sourceBelongFullName: null,
+        offcourseId: null,
+        createFrom: null,
+        teachingDate: null,
+      }
+      state.teachingDate = null
+      state.tSystemNames = {
+        systemName: null,
+        levelVoList: []
+      }
+    }
+    // //页面内部姓名
+    // const infoteacherList = ref([
+    // ]);
+    // const getinfoteacher = (obj) => {
+    //   state.tableLoading = true
+    //   infoteacher()
+    //     .then((res) => {
+    //       infoteacherList.value = res.data.data.records
+    //     })
+    // };
+    function managerChange(e, l, d, t, orgName) {
+      console.log(e, l);
+      state.searchParam.userNo = d;
+      state.searchParam.name = t;
+      // state.searchParam.trainorgName=orgName
+    }
+    //表格内查看数据操作
+    const handleLook = (record) => {
+      // state.teacherdialog1 = 1
+      state.teachingdialog = true;
+      state.teacherdialogtitle = '查看详情'
+      state.lookTeacherId = record.teacherId
+      TeacherSystem1(record)
+      gettableDatas(record)
+      // let id = record.userNo
+      // router.push({ path: '/insideteachingdetail', query: { id  } })
+      // router.push({ path: '/InsideTeachingDetail' })
+    }
+    const cancelTeachingDialog = () => {
+      state.teachingdialog = false;
+    }
+    //内部授课详情
+    // const TeacherSystem = (record) => {
+    //   state.formParam = {
+    //     recordType: 1,
+    //     name: record.name,
+    //     userNo: record.userNo,
+    //     orgName: record.orgName,
+    //     tsystemName: record.tsystemName,
+    //     tlevelId: record.tlevelId,
+    //     type: record.type,
+    //     courseName: record.courseName,
+    //     courseStatus:record.courseStatus,
+    //     beginTime: dayjs(record.beginTime, 'YYYY-MM-DD'),
+    //     // ref< moment.Moment >(moment(record.beginTime,'YYYY-MM-DD')),
+    //     //  record.beginTime,
+    //     teaching: record.teaching,
+    //     score: record.score,
+    //     studys: record.studys,
+    //     remark: record.remark,
+    //     createFrom: record.createFrom
+    //   }
+    //   console.log(state.formParam)
+    // }
+    //内部授课详情
+    const TeacherSystem1 = (record) => {
+      getTeacherCourseList({ id: record.id }).then((res) => {
+        state.formParam = res.data.data
+        state.tSystemNames.systemName = res.data.data.tsystemName
+        state.tSystemNames.systemId = res.data.data.tsystemId
+        state.tSystemNames.systemCode = res.data.data.systemCode
+        state.tSystemNames.systemId = res.data.data.systemId
+        state.tSystemNames.levelVoList = res.data.data.levelVoList
+        state.formParam.tlevelName = res.data.data.tlevelName
+        state.formParam.tlevelId = res.data.data.tlevelId
+        state.formParam.name = res.data.data.teacherName + '/' + res.data.data.userNo
+        state.formParam.orgLists = res.data.data.expertiseNames?.split(',').map(item => ({ name: item }))
+        state.teachingDate = dayjs(res.data.data.teachingDate, 'YYYY-MM-DD HH:mm'),
+          state.formParam.orgNames = state.formParam.orgName
+        state.formParam.teachingDate = res.data.data.teachingDate ? dayjs(res.data.data.teachingDate).format("YYYY-MM-DD HH:mm").toString() : "-"
+        console.log(state.formParam);
+      })
+        .catch((err) => {
+        });
+      // state.formParam = {
+      //   recordType: 1,
+      //   name: record.name,
+      //   userNo: record.userNo,
+      //   organizationName: record.organizationName,
+      //   systemName: record.systemName,
+      //   sLevelName: record.sLevelName,
+      //   type: record.type,
+      //   courseName: record.courseName,
+      //   courseStatus:record.courseStatus,
+      //   beginTime:record.beginTime,
+      //   // ref< moment.Moment >(moment(record.beginTime,'YYYY-MM-DD')),
+      //   //  record.beginTime,
+      //   teaching: record.teaching,
+      //   score: record.score,
+      //   studys: record.studys,
+      //   remark: record.remark,
+      //   createFrom: record.createFrom
+      // }
+      console.log(state.formParam)
+    }
+    const column = ref([{
+      title: '基准课酬 ',
+      dataIndex: 'levelPay',
+      key: 'levelPay',
+      ellipsis: true, align: "center",
+      width: 120,
+    }, {
+      title: '计划费用 ',
+      dataIndex: 'expense',
+      key: 'expense',
+      ellipsis: true, align: "center",
+      width: 120,
+    },
+    {
+      title: '应发费用 ',
+      dataIndex: 'payableExpense',
+      key: 'payableExpense',
+      ellipsis: true, align: "center",
+      width: 120,
+    },
+    {
+      title: '状态 ',
+      dataIndex: 'status',
+      key: 'status',
+      ellipsis: true, align: "center",
+      width: 120,
+      customRender: (value) => {
+        return (
+          <div  >
+            {value.record.status == "A10" || value.record.status == "A20" || value.record.status == "A30" || value.record.status == "E10" || value.record.status == "S20"
+              ? {
+                "A10": "待审核",
+                "A20": "已提交",
+                "A30": "审核中",
+                "E10": "审核打回",
+                "S20": "审核通过",
+              }[value.record.status + ""] || ""
+              : "-"}
+          </div>
+        )
+      }
+    },
+      // {
+      //   title: '操作 ',
+      //   dataIndex: 'operation',
+      //   key: 'operation',
+      //   ellipsis: true, align: "right",
+      //   width: 400,
+      //   scopedSlots: { customRender: "action" },
+      // },
+    ])
+    const gettableDatas = (record) => {
+      getExpenseByCourseId({ courseId: record.courseId })
+        .then((res) => {
+          console.log(res)
+          tableDatas.value = res.data.data.records
+          state.tableDataTotal = Number(res.data.data.total);
+        }).catch(err => {
+          message.destroy()
+        })
+    }
+    const tableDatas = ref([])
+
+    // function managerChange(e, l, d, t, orgName) {
+    //   console.log(e, l);
+    //   state.searchParam.userNo = d;
+    //   state.searchParam.name = t;
+    //   // state.searchParam.trainorgName=orgName
+    // }
+    //导出功能
+    const handleExport = () => {
+      window.open(
+        `${process.env.VUE_APP_BASE_API}/admin/export/exportInTeacherRecord?pageNo=${state.searchParam.pageNo}&pageSize=${state.searchParam.pageSize}&recordType=1&name=${state.searchParam.name ? state.searchParam.name : ''}&courseName=${state.searchParam.courseName ? state.searchParam.courseName : ''}&createFrom=${state.searchParam.createFrom ? state.searchParam.createFrom : ''}&courseStatus=${state.searchParam.courseStatus ? state.searchParam.courseStatus : ''}&tSystemId=${state.searchParam.tSystemId ? state.searchParam.tSystemId : ''}&beginTime=${state.searchParam.beginTime ? state.searchParam.beginTime : ''}&endTime=${state.searchParam.endTime ? state.searchParam.endTime : ''}&orgId=${state.searchParam.orgId ? state.searchParam.orgId : ''}&courseTypeId=${state.searchParam.courseTypeId ? state.searchParam.courseTypeId : ''}&score=${state.searchParam.score ? state.searchParam.score : ''}&studys=${state.searchParam.studys ? state.searchParam.studys : ' '}
+      `)
+      console.log(state.searchParam.name, state.searchParam, '参数')
+    }
+    const handleImport = () => {
+      state.showWork = true
+    }
+    const beforeUpload2 = (file) => {
+      console.log(file);
+      const fileType = [
+        "xls",
+        "xlsx",
+        "zip",
+      ];
+      if (!fileType.includes(file.name.split(".")[1])) {
+        message.error(
+          "仅支持.xls,.xlsx,.zip格式!"
+        );
+        return false;
+      }
+
+      const formData = new FormData();
+      formData.append("file", file);
+      console.log(file);
+      fileUp(formData).then((res) => {
+        if (res.data.code === 200) {
+          state.imgList.push({
+            img: res.data.data,
+            name: file.name,
+            size: file.size,
+          });
+          console.log(state.imgList);
+          // state.hasImgName = res.data.data;
+        }
+      });
+      return false;
+    };
+    const clearNonNumber = () => {
+      state.formParam.teaching = state.formParam.teaching.replace(/\D/g, '');
+      // state.formParam.teaching
+    }
+    const clearscoreNumber = () => {
+      state.formParam.score = state.formParam.score.replace(/\D/g, '');
+    }
+    const clearstudysNumber = () => {
+      state.formParam.studys = state.formParam.studys.replace(/\D/g, '');
+    }
+    //回车
+    const enterPressHadlerSearch = e => {
+      console.log("e", e);
+      if (e.keyCode === 13) {
+        searchSubmit()
+
+      }
+    };
+    const sendName = () => {
+      state.formParam.courseName = state.formParam.courseName.replace(/\s/g, '');
+    }
+    const sendRemark = () => {
+      state.formParam.remark = state.formParam.remark.replace(/\s/g, '');
+    }
+    return {
+      ...toRefs(state),
+      sendName,
+      sendRemark,
+      sysTypeOptions,
+      enterPressHadlerSearch,
+      treetype,
+      validateField,
+      // managerChange,
+      clearNonNumber,
+      clearscoreNumber,
+      clearstudysNumber,
+      beforeUpload2,
+      rules,
+      formRef,
+      column,
+      tableDatas,
+      gettableDatas,
+      handlemoreid,
+      handleExport,
+      handleImport,
+      LecturerSystemList,
+      scoreList,
+      studysList,
+      OnTheJobStatusList,
+      AuthenticationStatusList,
+      entryTypeList,
+      searchSubmit,
+      searchReset,
+      columns,
+      tableData,
+      changePagination,
+      addTeacher,
+      cancelTeacherDialog,
+      cancelTeacherDialog1,
+      handleLook,
+      cancel,
+      deleteModal,
+      handleModify,
+      closeDeleteTeacher,
+      createTeacherDialog,
+      tlevelChange,
+      getTableDate, //list接口数据调用
+      // getStu
+      LecturerSystemLista,
+      // TeacherSystem,
+      TeacherSystem1,
+      getOrganizationLista,
+      getOrganizationList,
+      // searchTimeChange,
+      cancelTeachingDialog,
+      // editTimeChange,
+      scoreChange
+    }
+  },
+};
+</script>
+<style lang="scss" scoped >
+.select .ant-picker {
+  width: 410px !important;
+}
+.headers {
+  height: 73px;
+  border-bottom: 1px solid #e8e8e8;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  // background-color: red;
+  margin-bottom: 20px;
+  flex-shrink: 0;
+
+  .headerTitle {
+    font-size: 18px;
+    font-weight: 600;
+    color: #333333;
+    line-height: 25px;
+    // margin-left: 24px;
+  }
+}
+.addTimeBox {
+  position: relative;
+  display: flex;
+  align-items: center;
+
+  .addTime {
+    position: absolute;
+    z-index: 1;
+    margin-left: 10px;
+    color: rgba(0, 0, 0, 0.4);
+  }
+
+  .ant-picker {
+    padding-left: 85px;
+  }
+
+  ::v-deep .ant-picker-range .ant-picker-active-bar {
+    margin-left: 85px !important;
+  }
+}
+
+.addTimeBox .ant-picker {
+  padding-left: 85px;
+}
+
+//导出按钮icon
+.daochu {
+  width: 16px;
+  height: 18px;
+  background-image: url("../../assets/images/coursewareManage/export1.png");
+}
+
+//弹窗内详情样式
+.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;
+}
+
+.InsideTeaching {
+  width: 100%;
+  height: 100%;
+
+
+  .filter {
+    margin-left: 38px;
+    margin-right: 38px;
+    margin-top: 30px;
+    display: flex;
+    justify-content: space-between;
+    flex-wrap: wrap;
+
+    .select {
+      margin-right: 20px;
+      margin-bottom: 20px;
+    }
+  }
+}
+
+.ant-modal {
+  .ant-modal-content {
+    width: 424px !important;
+
+    .ant-modal-body {
+      .delete {
+        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-icons {
+              width: 16px;
+              height: 16px;
+              position: relative;
+              margin-right: 10px;
+
+              img {
+                width: 100%;
+                height: 100%;
+                position: absolute;
+                top: 0px;
+                left: 0px;
+                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;
+            }
+          }
+        }
+      }
+    }
+  }
+}
+
+.CreatePath {
+  .out {
+    z-index: 9999;
+    display: block;
+    position: absolute;
+    top: 90px;
+    width: 1080px !important;
+    height: 650px;
+    overflow: auto;
+    background-color: #fff;
+
+    box-shadow: 0 0 10px rgba(118, 136, 166, 0.21);
+    left: 50%;
+    top: 300px;
+    transform: translate(-50%, -50%);
+
+    .top {
+      width: 100%;
+      height: 68px;
+
+      background: linear-gradient(rgba(78, 166, 255, 0.2) 0%,
+          rgba(78, 166, 255, 0) 100%);
+      display: flex;
+      align-items: center;
+
+      .topimg {
+        width: 18px;
+        height: 18px;
+        margin-left: 27px;
+        margin-top: -2px;
+      }
+
+      .topc {
+        color: #000000;
+        font-size: 16px;
+        margin-left: 8px;
+      }
+    }
+
+    .mid {
+      width: 100%;
+      height: 100%;
+      background-color: #fff;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+
+      .d {
+        // margin-top: 8px;
+        // color: #ff4e4e;
+        margin-left: -5px;
+      }
+    }
+  }
+}
+
+//添加样式
+.langbtn {
+  height: 40px;
+  border-radius: 8px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-right: 14px;
+  flex-shrink: 0;
+  cursor: pointer;
+  .search {
+    width: 15px;
+    height: 16px;
+    margin-right: 5px;
+    background: url("../../assets/images/courseManage/add0.png") no-repeat;
+    background-size: 100% 100%;
+  }
+}
+
+// 重置样式
+.resetbtn {
+  width: 100px;
+  height: 40px;
+  border-radius: 8px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-right: 14px;
+  flex-shrink: 0;
+  cursor: pointer;
+}
+
+//展开收起样式
+.moreidbtn {
+  border: none;
+  color: #4ea6ff;
+  width: 80px
+}
+
+//小竖线
+.line {
+  float: left;
+  width: 3px;
+  height: 17px;
+  background: #4ea6ff;
+  border-radius: 30%;
+  margin-right: 5px;
+  margin-top: 3px;
+}
+
+//抽屉功能
+.drawaer // /* 改变所有 a-tree-select 输入框的高度 */
+//   ::v-deep  .ant-select:not(.ant-select-customize-input) .ant-select-selector{
+//   height: 40px;
+//   line-height: 40px;
+//   border-radius: 8px
+
+//   /* 确保文字垂直居中 */
+// }
+::v-deep .ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
+  height: 40px !important;
+  line-height: 40px;
+  border-radius: 8px
+}
+
+// 抽屉内样式
+.draitem {
+  width: 100%;
+  height: 40px !important;
+  border-radius: 8px;
+  line-height: 40px;
+}
+
+.drabtn {
+  height: 40px;
+  width: 80px;
+  border-radius: 8px;
+  margin-right: 20px
+}
+
+::v-deep .ant-select:not(.ant-select-customize-input) .ant-select-selector {
+  border-radius: 8px;
+  height: 40px;
+}
+
+.ant-col-12 {
+  height: 90px;
+}
+
+::v-deep .ant-select-selection-overflow-item {
+  margin-top: -2px;
+}
+
+::v-deep .ant-select-multiple .ant-select-selection-item {
+  height: 34px
+}
+
+.tableBox {
+  padding-bottom: 20px;
+  margin: 20px 38px 30px;
+
+  ::v-deep .ant-select-dropdown {
+    display: inline-block;
+  }
+
+  ::v-deep .ant-select-selection-item {
+    margin-left: 3px;
+  }
+
+  ::v-deep .ant-pagination-options-size-changer.ant-select {
+    width: 84px;
+  }
+
+  .pa {
+    width: 100%;
+    display: flex;
+    justify-content: right;
+  }
+}
+
+.item_inp .i_upload_img[data-v-6b882d01] {
+  border-radius: 50%
+}
+</style>
\ No newline at end of file
diff --git a/src/views/lecturer/InsideTeachingDetail.vue b/src/views/lecturer/InsideTeachingDetail.vue
new file mode 100644
index 00000000..2cc43129
--- /dev/null
+++ b/src/views/lecturer/InsideTeachingDetail.vue
@@ -0,0 +1,976 @@
+<!-- 内部授课详情页面 -->
+<template>
+    <div class="InsideTeachingDetail">
+      <p>ID: {{ $route.query.id }}</p> 
+      <div style="width:100px ; color:black ;margin: 10px ;" @click="handleBack">
+         返回上一层
+      </div>
+    <!-- 搜索框及按钮 -->
+    <div class="filter">
+      <div class="filterItems">
+        <div class="select">
+          <a-input v-model:value="searchParam.userNo " style="width: 230px; height: 40px; border-radius: 8px"
+            placeholder="请输入讲师姓名/工号" allowClear showSearch>
+          </a-input>
+             
+          <!-- <a-select style="width: 230px" placeholder="请选择所属组织" v-model:value="searchParam.userNo"
+            :options="infoteacherList">
+          </a-select> -->
+        </div>
+        <div class="select">
+          <a-input v-model:value="searchParam.teacherNo " 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.tlevelName"
+            :options="getLevelList">
+          </a-select>
+        </div>
+        <div class="select">
+          <a-select style="width: 230px" v-model:value="searchParam.tlevelName" placeholder="内容分类" :options="getLevelList">
+          </a-select>
+        </div>
+        <div class="select">
+          <a-select style="width: 230px" v-model:value="searchParam.certStatus" placeholder="开课场地"
+            :options="AuthenticationStatusList">
+          </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 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="() => handleModify(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"
+            :showSizeChanger="true"
+            :hideOnSinglePage="true"
+            :pageSize="pageSize"
+            v-model:current="searchParam.pageNo"
+            :total="tableDataTotal"
+            class="pagination"
+            @change="changePagination"
+          />
+      </div>
+    </div>
+     <!-- 弹窗组件 -->
+     <a-modal :visible="teacherdialog" :title="teacherdialogtitle" @ok="closeModal2" :footer="null" :closable="false"
+      wrapClassName="doublepro" width="734px" height="476px">
+    
+      <div style="padding-bottom: 15px;" >
+        <!-- <div style="border: 1px rgb(177, 177, 177) solid; margin-left: 33px; margin-right: 33px; margin-bottom: 33px;" > -->
+        <div class="InsideTeachingDetail" >
+          <div class="filter">
+            <div class="filterItems">
+              <div class="select">
+                <span style="display:inline-block ;width:600px; ">请输入授课时长(小时) </span>
+                <a-input   v-model:value="formParam.teaching"
+                  style="width:600px; height: 40px ; " placeholder="" allowClear showSearch>
+                </a-input>
+               
+              </div>
+              <div class="del_btnbox" >
+                <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> -->
+     
+      </div>
+    </a-modal>
+    <!-- 删除功能弹窗 -->
+    <div>
+      <a-modal v-model:visible="deleteTeacherdialog" :footer="null" :closable="close" wrapClassName="canclestu1"
+        centered="true">
+        <div class="delete">
+          <div class="del_header"></div>
+          <div class="del_main">
+            <div class="header">
+              <div class="icon1"></div>
+              <span>提示</span>
+            </div>
+            <div class="body">
+              <span>您确定要删除此条记录吗</span>
+            </div>
+            <div class="del_btnbox">
+              <div class="del_btn btn2" @click="cancelTeacherDialog" style="margin-right: 32px">
+                <div class="btnText">取消</div>
+              </div>
+              <div class="del_btn btn2" 
+              @click="closeDeleteTeacher">
+                <div class="btnText">确定</div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </a-modal>
+    </div>
+    <!-- <div> <Upload/> </div>         -->
+  </div>
+</template>
+<script lang="jsx">
+import { reactive, toRefs, ref ,watch,route  } from "vue";
+import { useRouter } from "vue-router";
+// import Editor from "@/components/project/Editor";
+// import Upload from "@/components/project/Upload";
+import {infoteacher,getLevel,deleteTeacher, } from "../../api/Lecturer";
+import { getNewInTeacherCourseList} from "../../api/Teaching";
+// import {getProjSt} from "../../api/indexProjStu";
+// import AddTeacher from "../../components/drawers/project/AddTeacher"
+export default { 
+  name: "InsideTeachingDetail",
+  components: {
+  },
+  setup() {
+    const router = useRouter();
+    const state = reactive({
+      id:null, //路径id
+      tableLoading:false,
+      delTeacherId:null, //删除id确认
+      deleteTeacherdialog: false, //删除弹窗
+      teacherdialog: false,  //控制讲师弹窗
+      teacherdialogtitle: '',//讲师弹框title内容
+      pageSizeOptions: ['10', '20', '30', '50'], //下拉选择每页显示多少条
+      pageSize: 10,
+      tableDataTotal: -1,//table列表总条数
+      formParam: {
+      },
+      searchParam: {
+        userNo:null,//工号姓名
+        teacherNo:null,//课程编号
+        tsystemName:null,//讲师体系
+        payrollPlaceName:null,//发薪地
+        pageNo: "1",
+        pageSize: "10"
+      },
+    })
+    watch(
+
+      // console.log($route.query.id) 
+    //   '$route.query.id': function(to, from) {  
+    //   // 当 id 参数变化时，这里会执行  
+    //   state.id = to;  
+    // }  
+    )
+    //获取内部讲师级别
+    const getLevelList = ref([
+      // { value: 0, label: "未定级" },
+    ])
+    const getLevelLista =() => {
+      getLevel().then((res)=>{
+        if (res.data.code === 200) {
+            let arr = res.data.data;
+            let array = getLevelList.value;
+            arr.map((value) => {
+              let obj = {
+                value: value.id,
+                label: value.name,
+              };
+              array.push(obj);
+            });
+            getLevelList.value = array;
+          }
+      }) 
+    }
+    getLevelLista()
+    const OnTheJobStatusList = ref([
+      { value: 0, label: "分类1" },
+      { value: 1, label: "分类2" },
+    ])
+    const AuthenticationStatusList = ref([
+      { value: 0, label: "未开课" },
+      { value: 1, label: "已开课" },
+    ])
+    const columns = ref([
+      
+    {
+        title: '课程编号 ',
+        dataIndex: 'userNo',
+        key: 'userNo',
+        ellipsis: true,
+        width: 120,
+      },
+      {
+        title: '课程名称 ',
+        dataIndex: 'tlevelName',
+        key: 'tlevelName',
+        ellipsis: true,
+        width: 120,
+      },
+      {
+        title: '授课/课程日期 ',
+        dataIndex: 'payrollPlaceName',
+        key: 'payrollPlaceName',
+        ellipsis: true,
+        width: 120,
+      },
+      {
+        title: '授课/课程开发日期 ',
+        dataIndex: 'payrollPlaceName',
+        key: 'payrollPlaceName',
+        ellipsis: true,
+        width: 120,
+      },
+      {
+        title: '开课场地 ',
+        dataIndex: 'payrollPlaceName',
+        key: 'payrollPlaceName',
+        ellipsis: true,
+        width: 120,
+      },
+      {
+        title: '所属课程 ',
+        dataIndex: 'payrollPlaceName',
+        key: 'payrollPlaceName',
+        ellipsis: true,
+        width: 120,
+      },
+      {
+        title: '所属项目 ',
+        dataIndex: 'payrollPlaceName',
+        key: 'payrollPlaceName',
+        ellipsis: true,
+        width: 120,
+      },
+      {
+        title: '所属路径 ',
+        dataIndex: 'payrollPlaceName',
+        key: 'payrollPlaceName',
+        ellipsis: true,
+        width: 120,
+      },
+      {
+        title: '晶芯科技 ',
+        dataIndex: 'payrollPlaceName',
+        key: 'payrollPlaceName',
+        ellipsis: true,
+        width: 120,
+      },
+      {
+        title: '授课时长(H) ',
+        dataIndex: 'teaching',
+        key: 'teaching',
+        ellipsis: true,
+        width: 120,
+      },
+      {
+        title: '内容分类',
+        dataIndex: 'teaching',
+        key: 'teaching',
+        ellipsis: true,
+        width: 120,
+      },
+      {
+        title: '课程类型 ',
+        dataIndex: 'waitStatus',
+        key: 'waitStatus',
+        ellipsis: true,
+        width: 120,
+        customRender: (value) => {
+          return (
+              <div>
+                {String(value.record.waitStatus)
+                  ? {
+                    "0": "在线课",
+                    "1": "面授课",
+                    "2": "课程开发",
+                    "3": "作业员入模培训",
+                    "4": "其他",
+                  }[value.record.waitStatus + ""]
+                  : "-"}
+              </div>
+            )
+        }
+      },
+      {
+        title: '参训学员人数',
+        dataIndex: 'teaching',
+        key: 'teaching',
+        ellipsis: true,
+        width: 120,
+      },
+      {
+        title: '评分',
+        dataIndex: 'teaching',
+        key: 'teaching',
+        ellipsis: true,
+        width: 120,
+      },
+      {
+        title: '开课状态 ',
+        dataIndex: 'certStatus',
+        key: 'certStatus',
+        ellipsis: true,
+        width: 120,
+        customRender: (value) => {
+          return (
+            <div>
+              {value.record.certStatus == 0 || value.record.certStatus == 1
+                ? {
+                  "0": "未开课",
+                  "1": "已开课",
+                }[value.record.certStatus + ""] || ""
+                : "-"}
+            </div>
+          )
+        }
+      },
+      {
+        title: '操作 ',
+        dataIndex: 'operation',
+        key: 'operation',
+        ellipsis: 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.tableLoading=true 
+      let objA = {...state.searchParam};
+      getNewInTeacherCourseList(objA)
+        .then((res) => {
+          tableData.value = res.data.data.records
+          state.tableDataTotal = Number(res.data.data.total);
+          state.tableLoading=false 
+          console.log("获取tableData", tableData);
+      }) 
+    };
+    getTableDate()
+    // // List接口数据
+    // const getTableDate = ()=>{
+    //   state.tableloading = true ;
+    //   api 
+    // // api 接口命名
+    //   getNewInTeacherCourseList({
+    //     ...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.teacherdialog = true;
+      state.teacherdialogtitle = '添加授课记录'
+      //获取内部讲师级别
+      getLevelLista()
+      getTeacherExpertisea()
+      
+    }
+    //修改讲师信息弹窗
+    const handleModify = (record) => {
+      state.teacherdialog = true;
+      state.formParam.teaching=record.userNo
+      state.teacherdialogtitle = '修改授课时长'
+    }
+    //保存
+    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()
+      //                   });
+      //               }
+      //           }
+      //       })
+      state.teacherdialog = false
+    }
+    //删除弹窗
+    const deleteModal = (record) => {
+      state.deleteTeacherdialog = true
+      state.delTeacherId = record.id 
+    };
+    
+    //确认删除
+    const closeDeleteTeacher=()=>{
+      let ids ={
+      id : state.delTeacherId
+      }
+      console.log(ids)
+      //调用删除接口
+      deleteTeacher(ids).then((res)=>{
+        if(res.data.code == 200 ){
+          // message.success("删除成功");
+          state.deleteTeacherdialog = false
+          getTableDate();
+        }
+      })
+    } 
+    
+    //取消按钮 清空输入的数据
+    const cancelTeacherDialog = () => {
+    
+      state.teacherdialog = false
+      cancel()
+    };
+
+    //清空数据
+    const cancel = () => {
+      state.formParam ={
+        teaching :null,
+      }
+     
+    }
+     //页面内部姓名
+     const infoteacherList = ref([
+    ]);
+    const  getinfoteacher = (obj) => {
+      state.tableLoading=true 
+      infoteacher()
+        .then((res) => {
+          infoteacherList.value = res.data.data.records
+      }) 
+    };
+    //返回上一层
+    const handleBack=()=>{
+      router.back()
+    }
+    //导出功能
+    // const handleExport = ()=>{
+    //   this.download('lesson_records/export', {
+    //             ...state.searchParam
+    //         }, `project_${new Date().getTime()}.xlsx` )
+    //     }
+    return {
+      ...toRefs(state),
+      handleBack,//返回上一层
+      infoteacherList,//内部姓名
+      getinfoteacher,//获取内部姓名
+      // handleExport,
+      getLevelList,
+      OnTheJobStatusList,
+      getLevelLista,
+      AuthenticationStatusList,
+      searchSubmit,
+      searchReset,
+      columns,
+      tableData,
+      changePagination,
+      addTeacher,
+      cancelTeacherDialog,
+      cancel,
+      deleteModal,
+      handleModify,
+      closeDeleteTeacher,
+      createTeacherDialog,
+       getTableDate, //list接口数据调用
+      // getStu
+    }
+  },
+};
+</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;
+}
+
+.InsideTeachingDetail {
+  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: 100px;
+        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>
\ No newline at end of file
diff --git a/src/views/lecturer/LecturerAPPEdit.vue b/src/views/lecturer/LecturerAPPEdit.vue
new file mode 100644
index 00000000..2e92dfa9
--- /dev/null
+++ b/src/views/lecturer/LecturerAPPEdit.vue
@@ -0,0 +1,1127 @@
+<template>
+  <div class="appedit">
+    <div class="header">
+      <div class="headerTitle">编辑讲师费审批</div>
+      <img
+          style="width: 29px; height: 29px; cursor: pointer"
+          src="../../assets/images/basicinfo/close.png"
+          @click="closeDrawer"
+        />
+    </div>
+    <div class="content">
+      <div class="title">
+        <div class="line"></div>
+        <div class="text">基本信息</div>
+      </div>
+      <div class="desc">
+        <a-descriptions :column="2" bordered>
+          <a-descriptions-item label="审批编号">{{formData?.approvalNumber||'-'}}</a-descriptions-item>
+          <a-descriptions-item label="培训发生组名称">{{formData?.trainOrgName||'-'}}</a-descriptions-item>
+          <a-descriptions-item label="提交时间">{{formData?.approvalSubmitTime||'-'}}</a-descriptions-item>
+          <a-descriptions-item label="汇总金额">{{formData?.summaryTotal||'-'}}</a-descriptions-item>
+          <a-descriptions-item label="状态">
+            {{{0:'待确认' ,1:'待提交' ,2:'审核中', 3:'已完成', 4:'审核拒绝',5:'待提交'}[formData?.status]}}
+          </a-descriptions-item>
+        </a-descriptions>
+      </div>
+      <div class="title">
+        <div class="line"></div>
+        <div class="text">基本信息</div>
+      </div>
+      <div class="desc">
+        <div class="input_box">
+          <div class="input">
+            <a-input @pressEnter="search" style="height:40px;border-radius:8px;" v-model:value="params.userNoName" placeholder="请输入工号/讲师名称进行搜索" allowClear />
+          </div>
+          <div class="input">
+            <a-range-picker style="height:40px;border-radius:8px;" @change="dateChange" valueFormat="YYYY-MM-DD" format="YYYY-MM-DD" v-model:value="dateValue" />
+          </div>
+          <div class="input">
+            <a-button style="margin-right: 15px;height:40px;border-radius:8px;" type="primary" @click="search">搜索</a-button>
+            <a-button style="height:40px;border-radius:8px;" type="primary" @click="reset">重置</a-button>
+          </div>
+        </div>
+        <div style="margin-bottom: 20px;">
+          <a-button @click="searchResetPrevious()" type="primary" class="langbtn" style="width: 150px; height: 40px; border-radius: 8px" >
+          重新汇总讲师费
+          </a-button>
+        </div>
+        <div class="table">
+          <a-table
+            :columns="columns"
+            :dataSource="dataList"
+            :loading="loading"
+            :scroll="{ x: 'max-content' }"
+            :pagination="pagination"
+          >
+            <template #orgName="{record}">
+              <div :title="record?.orgName" style="maxWidth:200px;overflow: hidden;
+                white-space: nowrap;
+                text-overflow: ellipsis;">{{flipData(record.orgName)||'-'}}</div>
+            </template>
+            <template #appEdit="{ record }">
+              <a-button type="link" :disabled="record.createFrom==1  ?false :true" @click="edit(record)">编辑</a-button>
+              <a-button type="link" @click="recome(record)">移除</a-button>
+            </template>
+          </a-table>
+        </div>
+      </div>
+    </div>
+    <div class="btnn">
+      <button class="btn2" @click="closeDrawer">取消</button>
+      <button class="btn2" @click="paramsDrawer">提交</button>
+    </div>
+  </div>
+  <a-drawer v-model:visible="teacherdialog" placement="right" :closable="false" :maskClosable="false" dropdown-style="drawaer"
+    width="60%" :title="false">
+    <div class="headers">
+      <div class="headerTitle">编辑讲师费</div>
+      <img
+        style="width: 29px; height: 29px; cursor: pointer"
+        src="@/assets/images/basicinfo/close.png"
+        @click="cancelTeacherDialog"
+      />
+    </div>
+    <a-form :model="formParam" :rules="rules" layout="vertical" ref="formRef" >
+      <!-- 讲师姓名  name  讲师工号  userNo-->
+      <a-row :gutter="16">
+        <a-col :span="12">
+          <a-form-item label="讲师名称" name="name">
+            <SearchTeacher :disabled="true" @tlevel="tlevelChange" v-model:id="formParam.teacherId" v-model:value="formParam.name" v-model:orgId="formParam.orgId" v-model:lable="formParam.orgNames" v-model:user="formParam.userNo"
+            v-model:system="tSystemNames" v-model:payrollPlaceCode="formParam.payrollPlaceId"
+            v-model:payrollPlaceName="formParam.payrollPlace" ></SearchTeacher>
+          </a-form-item>
+        </a-col>
+        <a-col :span="12">
+          <a-form-item label="讲师工号" name="userNo">
+            <a-input class="draitem"  v-model:value="formParam.userNo"  disabled
+              placeholder="请输入讲师工号" allowClear showSearch> 
+            </a-input>
+          </a-form-item>
+        </a-col>
+      </a-row>
+      <!--  讲师组织  departId 讲师体系  systemId   -->
+      <a-row :gutter="16">
+        <a-col :span="12">
+            <a-form-item label="讲师组织" name="orgName">
+          <!-- <a-popover>
+            <template #content>
+              {{ formParam.orgNames }}
+            </template> -->
+
+            <a-input :title="formParam.orgNames" disabled v-model:value="formParam.orgName" class="draitem"
+              placeholder="自动带出讲师的组织,展示主要部分,鼠标浮上去展示所有" allowClear showSearch>
+            </a-input>
+          <!-- </a-popover> -->
+        </a-form-item>
+        </a-col>
+        <a-col :span="12">
+          <a-form-item label="讲师体系" name="tsystemName">
+          <!-- <a-select class="draitem" v-model:value="formParam.tsystemName" placeholder="请选择讲师体系" allowClear
+            @change="changetlevel" .:options="LecturerSystemList">
+          </a-select> -->
+          <a-input disabled v-model:value="tSystemNames.systemName" class="draitem"
+              placeholder="自动带出讲师的体系" allowClear showSearch>
+            </a-input>
+        </a-form-item>
+        </a-col>
+      </a-row>
+      <!-- 讲师级别 levelId   讲师发薪地  payrollPlaceName-->
+      <a-row :gutter="16">
+        <a-col :span="12">
+          <a-form-item label="讲师级别"  name="tlevelName">
+            <a-input disabled v-model:value="formParam.tlevelName" class="draitem"
+              placeholder="自动带出讲师级别" allowClear showSearch>
+            </a-input>
+          </a-form-item>
+        </a-col>
+        <a-col :span="12">
+          <a-form-item label="讲师发薪地"  name="payrollPlace">
+        <a-input disabled v-model:value="formParam.payrollPlace" class="draitem"
+                placeholder="自动带出讲师发薪地" allowClear showSearch >
+              </a-input>
+        </a-form-item>
+        </a-col>
+      </a-row>
+      <!-- 费用类型  课程名称 courseName-->
+      <a-row :gutter="16">
+        <a-col :span="12">
+          <a-form-item label="费用类型"  name="courseType">
+            <a-select class="draitem" v-model:value="formParam.courseType" placeholder="请选择费用类型"
+              :options="courseTypeList">
+            </a-select>
+          </a-form-item>
+        </a-col>
+        <a-col :span="12">
+          <a-form-item label="课程名称"  name="courseName">
+            <!-- <a-radio-group v-model:value="formParam.courseName">
+              <a-radio :value="0">面授课</a-radio>
+              <a-radio :value="1">在线课</a-radio>
+            </a-radio-group> -->
+            <!-- <a-select  class="draitem" v-model:value="formParam.courseName" placeholder="请选择输入或选择面授课" style="width:63%" allowClear
+              :options="getLevelList">
+            </a-select> -->
+            <a-input :maxlength="20" show-count v-model:value="formParam.courseName"  placeholder="请输入面授课名称" class="draitem">
+            </a-input>
+        </a-form-item>
+        </a-col>
+      </a-row>
+      <!-- 授课日期 teachingDate   授课时长  teachingTime -->
+      <a-row :gutter="16">
+        <a-col :span="12">
+          <a-form-item label="培训发生组织" name="trainOrgId">
+            <!-- <OrgClass
+              v-model:value="formParam.sourceBelongId"
+              v-model:name="formParam.sourceBelongFullName"
+            ></OrgClass> -->
+            <a-select v-model:value="formParam.trainOrgId" placeholder="请选择培训发生组织" allowClear
+              :options="orgList"  @change="changeOrg">
+            </a-select>
+          </a-form-item>
+        </a-col>
+        <a-col :span="12">
+          <a-form-item label="授课/课程日期 :" name="teachingDate">
+            <a-date-picker class="draitem" v-model:value="teachingDate" style="width:100%" :show-time="{ format: 'HH:mm' }" format="YYYY-MM-DD HH:mm" valueFormat="YYYY-MM-DD HH:mm"
+            placeholder="请选择课程日期"  />
+          </a-form-item>
+        </a-col>
+      </a-row>
+      <!-- 参训人数  studys  评分 score  -->
+      <a-row :gutter="16">
+        <a-col :span="12">
+          <a-form-item label="授课时长" name="teachingTime">
+          <a-input v-model:value="formParam.teachingTime" style="width:80%; height: 40px; border-radius: 8px; "
+            @change="clearNonNumber" placeholder="请输入授课分钟数" allowClear showSearch suffix="分钟">
+          </a-input>
+          <span style="margin-left: 5px ;" v-if="formParam.teachingTime != null">{{
+            (formParam.teachingTime / 60).toFixed(2) }}小时</span>
+                <span style="margin-left: 5px ;" v-if="formParam.teachingTime == null">0.00小时</span>
+        </a-form-item>
+        </a-col>
+        <a-col :span="12">
+          <a-form-item label="参训人数" name="studys">
+            <a-input  v-model:value="formParam.studys" class="draitem"  @change="clearstudysNumber" 
+              placeholder="请输入参训人数" allowClear showSearch  >
+            </a-input>
+          </a-form-item>
+        </a-col>
+      </a-row>
+      <!-- 课酬基准     计划费用  expense-->
+      <a-row :gutter="16">
+        <a-col :span="12">
+          <a-form-item label="评分" name="score">
+            <a-input-number class="draitem" v-model:value="formParam.score" :defaultValue="null" :max="10" :controls="false" :min="0" :precision="2" placeholder="请输入评分" 
+              allowClear >
+            </a-input-number>
+          </a-form-item>
+        </a-col>
+        <a-col :span="12">
+          <a-form-item label="课酬基准" name="levelPay">
+            <a-input-number v-model:value="formParam.levelPay" placeholder="自动键入系统基准（可手动更改）"  :max="99999999" :controls="false" :min="0" :precision="2"
+              @change="clearlevelPayNumber"
+                allowClear showSearch  class="draitem">
+              </a-input-number>
+          </a-form-item>
+        </a-col>
+      </a-row>
+        <!-- 应发费用 -->
+        <a-row :gutter="16">
+        <a-col :span="12">
+          <a-form-item label="计划费用" name="expense">
+            <a-input class="draitem" v-model:value="formParam.expense"  placeholder="自动计算（ 授课时长（或课程时长）*课酬基准 ）" allowClear   disabled
+              showSearch>
+            </a-input>
+          </a-form-item>
+        </a-col>
+        <a-col :span="12">
+          <a-form-item label="应发费用" name="payableExpense">
+            <a-input-number :max="99999999" :controls="false" :min="0" :precision="2" v-model:value="formParam.payableExpense" class="draitem"
+              placeholder="请输入应发费用" allowClear>
+            </a-input-number>
+          </a-form-item>
+        </a-col>
+      </a-row>
+        <!-- 备注 remark -->
+        <a-row :gutter="16">
+        <a-col :span="24">
+          <a-form-item label="备注">
+            <a-textarea v-model:value="formParam.remark" showCount :maxlength="200"
+              style="width: 100%; height: 100px; border-radius: 8px ;margin-bottom:50px" placeholder="请输入" />
+          </a-form-item>
+        </a-col>
+      </a-row>
+      </a-form>
+      <div :style="{
+      position: 'absolute',
+      right: 0,
+      bottom: 0,
+      width: '100%',
+      borderTop: '1px solid #e9e9e9',
+      padding: '10px 16px',
+      background: '#fff',
+      textAlign: 'right',
+      zIndex: 1,
+    }">
+      <a-button  class="drabtn"  @click="cancelTeacherDialog">取消</a-button>
+      <a-button   class="drabtn" type="primary" @click="createTeacherDialog" :loading="buttonLoading">保存
+      </a-button>
+    </div>
+  </a-drawer>
+  <a-modal
+    :visible="modalVisible"
+    :footer="null"
+    :title="null"
+    :centere="true"
+    :closable="false"
+    style="margin-top: 400px"
+    :zIndex="9"
+    @cancel="close"
+  >
+    <div class="delete">
+      <div class="del_header"></div>
+      <div class="del_main">
+        <div class="header">
+          <div class="del-icons">
+            <img src="@/assets/images/coursewareManage/QR.png" alt=""/>
+          </div>
+          <span>提示</span>
+          <div class="close_exit" @click="close"></div>
+        </div>
+        <div class="body">
+          <div style="margin-top: 30px;">
+            <span>自动添加的讲师费不可直接编辑，需在数据源头进行修改</span>
+          </div>
+        </div>
+        <div class="del_btnbox">
+          <div class="del_btn btn2" @click="close">
+            <div class="btnText">取消</div>
+          </div>
+          <div class="del_btn btn2" @click="handleConfirm">
+            <div class="btnText">复制课程名称</div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </a-modal>
+</template>
+
+<script lang="jsx">
+import { ref, reactive,toRefs,watch,onMounted,computed } from 'vue'
+import { isConfirm,updateTeacherFee,getTeacherFeeDetail,withdrawRecord,queryById,queryExpnseByBillId,CreateSummaryAgain, } from "../../api/lecturerFeeManagement";
+import SearchTeacher from "@/components/project/SearchTeacher";
+import { useRouter,useRoute } from 'vue-router'
+import dialog from '@/utils/dialog'
+import dayjs from "dayjs";
+import { message } from 'ant-design-vue';
+import { queryTrainOrgPor,} from "../../api/organization";
+export default {
+  components: {
+    SearchTeacher,
+  },
+  setup () {
+    const router = useRouter()
+    const route = useRoute()
+    const state = reactive({
+      orgList: [],
+      params: {
+        pageNo: 1,
+        pageSize: 10,
+        total: 100,
+        userNoName: null,
+        startTime: null,
+        endTime: null,
+      },
+      paramsId: route.query.id,
+      copyName: null,
+      modalVisible: false,
+      tSystemNames:{
+        systemName:null,
+        systemId: null,
+        levelVoList: []
+      },
+      teachingDate:null,
+      formData: {
+
+      },
+      formParam: {
+        teachingDate:null ,
+        teachingTime:null,
+        name: null,
+        userNo: null,
+        payrollPlace: null,
+        payrollPlaceId: null,
+        orgName:null,
+        tsystemName:null,
+        tlevelId:null,
+        courseType: null,
+        courseName:null,
+        studys:null,
+        teacherlevelPay:null,
+        score:null,
+        levelPay:null,
+        payableExpense:null,
+        expense:null,
+        remark:null,
+      },
+      teacherdialog: false,
+      dateValue: [],
+      dataList: [],
+      loading: false,
+    })
+    onMounted(()=>{
+      queryById({id: state.paramsId}).then(res=>{
+        state.formData = res.data.data
+      })
+      getTableList()
+      orgLists()
+    })
+    const getTableList = () => {
+      state.loading = true
+      queryExpnseByBillId({
+        billId: state.paramsId,
+        pageNo: state.params.pageNo,
+        pageSize: state.params.pageSize,
+        name: state.params.userNoName,
+        startTime: state.params.startTime,
+        endTime: state.params.endTime
+      }).then(res => {
+        state.dataList = res.data.data.records
+        state.params.total = Number(res.data.data.total);
+        state.loading = false
+      })
+    }
+    const dateChange = (e) => {
+      if(e){
+        state.params.startTime = e[0];
+        state.params.endTime = e[1];
+      }else{
+        state.params.startTime = null;
+        state.params.endTime = null;
+      }
+    }
+    const pagination = computed(() => ({
+      total: state.params.total,
+      showSizeChanger: true,
+      showQuickJumper:true,
+      current: state.params.pageNo,
+      pageSize: state.params.pageSize,
+      onChange: paginationChange,
+    }));
+    const paginationChange = (e,pageSize) => {
+      state.params.pageNo = e;
+      state.params.pageSize = pageSize
+      getTableList();
+    };
+    const close = () => {
+      state.modalVisible = false;
+      state.copyName = null;
+    }
+    const search = () => {
+      state.params.pageNo = 1
+      getTableList()
+    }
+    const reset = () => {
+      state.params.userNoName = null
+      state.params.startTime = null
+      state.params.endTime = null
+      state.dateValue = []
+      search()
+    }
+    const searchResetPrevious = () => {
+      dialog({
+        content: '确定要重新汇总数据吗？',
+        ok: () => {
+          CreateSummaryAgain(route.query.id).then(res=>{
+            queryById({id: state.paramsId}).then(res=>{
+              state.formData = res.data.data
+            })
+            search();
+          }).catch(err=>{
+            message.destroy()
+            message.error(err.data.msg)
+          })
+        }
+      })
+    }
+    const handleConfirm = () => {
+      navigator.clipboard.writeText(state.copyName).then(() => {
+        message.success('复制成功')
+        close()
+      }).catch(() => {
+        message.error('复制失败,请重新尝试')
+      });
+    }
+    const clearlevelPayNumber = () => {
+      // state.formParam.levelPay = state.formParam?.levelPay.replace(/\D/g, '');
+      // state.formParam.expense = state.formParam?.levelPay*state.formParam?.teachingTime
+      state.formParam.levelPay == 0 && (state.formParam.levelPay = null);
+      state.formParam.levelPay&&state.formParam.teachingTime && (state.formParam.expense = (state.formParam.levelPay*(state.formParam.teachingTime/60)).toFixed(2))
+    }
+    const  clearscoreNumber= () => {
+      state.formParam.score = state.formParam?.score?.replace(/\D/g, '');
+    }
+    const clearstudysNumber = () => {
+      state.formParam.studys = state.formParam?.studys?.replace(/\D/g, '');
+      state.formParam.studys = state.formParam.studys?.slice(0,8)
+    }
+    const clearNonNumber = () => {
+      state.formParam.teachingTime = state.formParam.teachingTime?.replace(/\D/g, '');
+      state.formParam.teachingTime = state.formParam.teachingTime?.slice(0,8);
+      state.formParam.teachingTime == 0 && (state.formParam.teachingTime = null);
+      state.formParam.teachingTime && state.formParam.levelPay && (state.formParam.expense = (state.formParam.levelPay*(state.formParam.teachingTime/60)).toFixed(2));
+    }
+    const courseTypeList = ref([
+      { value: '0', label: "在线" },
+      { value: '1', label: "面授 " },
+      { value: '2', label: "授课 " },
+      { value: '3', label: "课程开发" },
+      { value: '4', label: "作业员如模培训" },
+    ])
+    const formRef = ref();
+    const tlevelChange = (e) => {
+      state.formParam.tlevelName = e?.tlevelName
+      state.formParam.tlevelId = e?.tlevelId
+      // state.formParam.payrollPlace = e?.salaryName
+      // state.formParam.payrollPlaceId = e?.salaryId
+      state.formParam.levelPay = e?.levelPay
+    }
+    watch(()=>state.formParam.name,(val)=>{
+      state.formParam.userNo = val?.split('/')[1]
+    })
+    async function validateField(name) {
+      return new Promise((resolve) => {
+        formRef.value.validateFields([name])
+          .then(() => {
+            resolve(false);
+          })
+          .catch(() => {
+            resolve(true);
+          });
+      });
+    }
+    const orgLists = () => {
+      const obj = {
+        pageNo:1,
+        pageSize:50
+      }
+      queryTrainOrgPor(obj).then((res) => {
+        console.log(res,'rssssss')
+        state.orgList = res.data.data?.map(item=>{
+          return{
+            label: item.affiliationName,
+            value: item.id 
+          }
+        })
+      })
+    }
+    const changeOrg = (e,l) => {
+      console.log(e,'eeeee',l)
+      state.formParam.trainOrgName = l?.label
+    }
+    const createTeacherDialog = async () => {
+      console.log(state.formParam,'formParam')
+      state.formParam.expense = String(state.formParam.expense)
+      state.formParam.teachingDate=state.teachingDate ? dayjs(state.teachingDate).format("YYYY-MM-DD HH:mm").toString() : ""
+      state.formParam.tsystemName = state.tSystemNames.systemName
+      state.formParam.tsystemId = state.tSystemNames.systemId
+      state.formParam.courseName = state.formParam.courseName?.trim()
+      if(state.formParam.studys==0){
+        state.formParam.studys = null
+      }
+      if(state.formParam.score){
+        state.formParam.score = String(state.formParam.score)
+      }else{
+        state.formParam.score = null
+      }
+      if(state.formParam.levelPay){
+        state.formParam.levelPay = String(state.formParam.levelPay)
+      }
+      const formItemNames = Object.keys(rules);
+      for(let i=0;i<formItemNames.length;i++){
+        const result = await validateField(formItemNames[i]);
+        if (result) {
+          return message.error(rules[formItemNames[i]][0].log)
+        }
+      }
+      state.formParam.orgName = state.formParam.orgNames
+      state.formParam = {...state.formParam,...state.tSystemNames}
+      state.formParam.name = state.formParam?.name?.split('/')[0]
+      updateTeacherFee(state.formParam).then(response => {
+          message.success("编辑成功");
+          state.teacherdialog = false;
+          cancel()
+          search(); 
+        }).catch(err=>{
+          message.destroy()
+          state.teacherdialog = false;
+          message.error(err.data.msg)
+        })
+    };
+    const cancelTeacherDialog = () => {
+      formRef.value.resetFields();
+      state.teacherdialog = false
+      cancel()
+    };
+    const cancel = () => {
+      state.formParam ={
+        name:null,
+        userNo:null,
+        orgName:null,
+        tsystemName:null,
+        tlevelId:null,
+        payrollPlace:null,
+        courseType: null,
+        courseName:null,
+        teachingDate:null,
+        teachingTime:null,
+        studys:null,
+        teacherlevelPay:null,
+        score:null,
+        levelPay:null,
+        payableExpense:null,
+        expense:null,
+        remark:null,
+      }
+      state.teachingDate=null
+      state.tSystemNames = {
+        systemName:null,
+        systemId: null,
+        levelVoList: []
+      }
+    }
+    const rules = {
+      name: [{ required: true, message:'',log: '讲师不能为空' }],
+      userNo: [{ required: true, message: '',log:'讲师工号不能为空' }],
+      orgName: [{ required: true, message: '',log:'讲师组织不能为空' }],
+      tsystemName: [{ required: true, message:'',log: '讲师体系不能为空' }],
+      tlevelName: [{ required: true, message:'',log: ' 讲师级别 不能为空' }],
+      payrollPlace: [{ required: true, message:'',log: '讲师发薪地 不能为空' }],
+      courseType: [{ required: true, message: '',log:'费用类型不能为空' }],
+      courseName: [{ required: true, message:'',log: '课程名称不能为空' }],
+      teachingDate: [{ required: true, message:'',log: '授课日期不能为空' }],
+      teachingTime: [{ required: true, message:'',log: ' 授课时长不能为空' }],
+      studys: [{ required: true, message: '',log:' 参训人数不能为空' }],
+      score: [{ required: true, message:'',log: ' 评分不能为空' }],
+      levelPay: [{ required: true, message:'',log: '课酬基准 不能为空' }],
+      expense: [{ required: true, message: '',log:'计划费用不能为空' }],
+    }
+    const closeDrawer = () => {
+      reset()
+      router.push({
+        path: '/lecturerfeemanagement',
+        query:{activeKey:true}
+      })
+    }
+    const paramsDrawer = () => {
+      dialog({
+        content: '请仔细核对讲师费信息，确认无误后，将自动进入(BPM系统)审批流程',
+        ok: ()=>{
+          isConfirm({
+              id: route.query.id,
+              status: 2
+            }).then(res=>{
+              if(res.data.code == 200){
+                message.success('提交成功')
+                closeDrawer();
+              }
+            }).catch(err=>{
+              message.destroy()
+              message.error(err.data.msg)
+            })
+        }
+      })
+    }
+    const flipData = (val) => {
+      if(val){
+        const parts = val.split('/');
+        const reversedParts = parts.reverse();
+        return reversedParts.join('/');
+      }
+    }
+    watch(() => state.formParam.orgNames, (val) => {
+      if(val){
+        const parts = val.split('/');
+        const reversedParts = parts.reverse();
+        state.formParam.orgName = reversedParts.join('/');
+      }
+    })
+    const edit = (record) => {
+      console.log(record,'record')
+      if(record.id == 2){
+        state.modalVisible = true;
+        state.copyName = record.name
+        return
+      }
+      state.teacherdialog = true
+      getTeacherFeeDetail({id : record.id}).then((res) => {
+        state.formParam=res.data.data
+        state.formParam.courseType = String(res.data.data.courseType)
+        state.formParam.levelPay = String(res.data.data.levelPay)
+        state.tSystemNames.systemName = res.data.data.tsystemName
+        state.tSystemNames.systemId = res.data.data.tsystemId
+        state.tSystemNames.systemCode = res.data.data.systemCode
+        state.tSystemNames.levelVoList = res.data.data.levelVoList
+        state.formParam.tlevelName = res.data.data.tlevelName
+        state.formParam.tlevelId = res.data.data.tlevelId
+        state.formParam.name = res.data.data.name+'/'+res.data.data.userNo
+        state.teachingDate = dayjs(res.data.data.teachingDate)
+        state.formParam.payrollPlaceId = res.data.data.payrollPlaceId
+        state.formParam.orgNames = state.formParam.orgName
+        state.formParam.teachingDate = dayjs(state.formParam.teachingDate).format("YYYY-MM-DD HH:mm")
+      }).catch((err) => {
+        console.log("详情", err);
+      });
+    }
+    const recome = (record) => {
+      console.log(record,'record')
+      dialog({
+        content: '确定要移除此条数据吗？',
+        ok: () => {
+          withdrawRecord({
+            billId: route.query.id,
+	          ids: [record.id]
+          }).then(res=>{
+            message.success('移除成功')
+            search()
+          }).catch(err=>{
+            message.error(err.msg)
+          })
+        }
+      })
+    }
+    const columns = ref([
+      {
+        title: '讲师姓名 ',
+        dataIndex: 'name',
+        key: 'name',
+        ellipsis: true,
+        align: "center",
+        width: 160,
+      },
+      {
+        title: '讲师工号',
+        dataIndex: 'userNo',
+        key: 'userNo',
+        align: "center",
+        ellipsis: true,
+        width: 160,
+      },
+      {
+        title: '所属组织 ',
+        dataIndex: 'orgName',
+        key: 'orgName',
+        ellipsis: true,
+        align: "center",
+        width: 200,
+        slots: { customRender: "orgName" },
+      },
+      {
+        title: '讲师体系',
+        dataIndex: 'tsystemName',
+        key: 'tsystemName',
+        ellipsis: true,
+        align: "center",
+        width: 160,
+      },
+      {
+        title: '讲师级别',
+        dataIndex: 'tlevelName',
+        key: 'tlevelName',
+        ellipsis: true,
+        align: "center",
+        width: 160,
+      },
+      {
+        title: '发薪地',
+        dataIndex: 'payrollPlace',
+        key: 'payrollPlace',
+        ellipsis: true,
+        align: "center",
+        width: 160,
+      },
+      {
+        title: '课程类型',
+        dataIndex: 'courseType',
+        key: 'courseType',
+        ellipsis: true,
+        align: "center",
+        width: 160,
+        customRender: (value) => {
+          return (
+            <div>
+              {String(value.record.courseType)
+                ? {
+                  "0": "在线课",
+                  "1": "面授课",
+                  "2": "课程开发",
+                  "3": "作业员入模培训",
+                  "4": "其他",
+                }[value.record.courseType + ""]
+                : "-"}
+            </div>
+          )
+        }
+      },
+      {
+        title: '课程名称',
+        dataIndex: 'courseName',
+        key: 'courseName',
+        ellipsis: true,
+        align: "center",
+        width: 200,
+      },
+      {
+        title: '授课/开发课程日期',
+        dataIndex: 'teachingDate',
+        key: 'teachingDate',
+        ellipsis: true,
+        align: "center",
+        width: 200,
+      },
+      {
+        title: '授课/开发课程时长 ',
+        dataIndex: 'teachingTime',
+        key: 'teachingTime',
+        ellipsis: true,
+        align: "center",
+        width: 160,
+        customRender:(value)=>{
+          return (
+            <div>
+              {(value.record?.teachingTime/60).toFixed(2)}小时
+            </div>
+          )
+        }
+      },
+      {
+        title: '参训人数 ',
+        dataIndex: 'studys',
+        key: 'studys',
+        ellipsis: true,
+        align: "center",
+        width: 160,
+      },
+      {
+        title: '评分 ',
+        dataIndex: 'score',
+        key: 'score',
+        ellipsis: true,
+        align: "center",
+        width: 160,
+      },
+      {
+        title: '课程基准 ',
+        dataIndex: 'levelPay',
+        key: 'levelPay',
+        ellipsis: true,
+        align: "center",
+        width: 160,
+      },
+      {
+        title: '计划费用 ',
+        dataIndex: 'expense',
+        key: 'expense',
+        ellipsis: true,
+        align: "center",
+        width: 160,
+      },
+      {
+        title: '应发费用 ',
+        dataIndex: 'payableExpense',
+        key: 'payableExpense',
+        ellipsis: true,
+        align: "center",
+        width: 160,
+      },
+      {
+        title: '操作 ',
+        dataIndex: 'operation',
+        key: 'operation',
+        ellipsis: true,
+        align: "center",
+        fixed: "right",
+        width: 160,
+        slots: { customRender: "appEdit" },
+      },
+    ])
+
+    return {
+      ...toRefs(state),
+      columns,
+      closeDrawer,
+      paramsDrawer,
+      edit,
+      flipData,
+      rules,
+      recome,
+      validateField,
+      tlevelChange,
+      createTeacherDialog,
+      changeOrg,
+      orgLists,
+      cancelTeacherDialog,
+      formRef,
+      courseTypeList,
+      clearlevelPayNumber,
+      clearscoreNumber,
+      clearstudysNumber,
+      clearNonNumber,
+      close,
+      handleConfirm,
+      search,
+      dateChange,
+      getTableList,
+      reset,
+      searchResetPrevious,
+      pagination,
+      paginationChange,
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+::v-deep .ant-select-single:not(.ant-select-customize-input) .ant-select-selector{
+  height: 40px !important;
+  line-height: 40px;
+  border-radius: 8px
+}
+::v-deep  .ant-select:not(.ant-select-customize-input) .ant-select-selector{
+  border-radius:8px;
+  height:40px;
+}
+::v-deep .ant-descriptions-bordered .ant-descriptions-item-label{
+  width: 200px;
+}
+.headers {
+  height: 73px;
+  border-bottom: 1px solid #e8e8e8;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  // background-color: red;
+  margin-bottom: 20px;
+  flex-shrink: 0;
+
+  .headerTitle {
+    font-size: 18px;
+    font-weight: 600;
+    color: #333333;
+    line-height: 25px;
+    // margin-left: 24px;
+  }
+}
+.delete {
+  min-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-icons {
+        width: 16px;
+        height: 16px;
+        position: relative;
+        margin-right: 10px;
+
+        img {
+          width: 100%;
+          height: 100%;
+          position: absolute;
+          top: 0px;
+          left: 0px;
+          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%;
+      }
+
+    }
+    .title{
+      padding: 0 30px;
+      margin-top: 34px;
+    }
+
+    .body {
+      width: 100%;
+      padding: 0 30px;
+      margin: 34px auto 56px auto;
+      margin-top: 10px;
+      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;
+      }
+
+    }
+  }
+}
+.draitem{
+  width: 100%;
+  height: 40px !important; 
+  border-radius: 8px;
+  line-height: 40px;
+}
+.drabtn{
+  height:40px;
+  width:80px;
+  border-radius:8px;
+  margin-right:20px
+}
+.appedit {
+  width: 100%;
+  // margin: 0px 32px 0px 32px;
+  overflow-x: auto;
+  display: flex;
+  flex-direction: column;
+
+  .header {
+    padding: 0px 32px;
+    height: 73px;
+    border-bottom: 1px solid #e8e8e8;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    // background-color: red;
+    margin-bottom: 20px;
+    flex-shrink: 0;
+
+    .headerTitle {
+      font-size: 18px;
+      font-weight: 600;
+      color: #333333;
+      line-height: 25px;
+      // margin-left: 24px;
+    }
+  }
+  .content{
+    margin: 0px 32px;
+    padding-right: 20px;
+    .title{
+      display: flex;
+      align-items: center;
+      margin-bottom: 20px;
+      .line{
+        width: 5px;
+        height: 15px;
+        background: #4ea6ff;
+        margin-right: 10px;
+      }
+      .text{
+
+      }
+    }
+    .desc{
+      margin-bottom: 30px;
+      .input_box{
+        display: flex;
+        margin-bottom: 20px;
+        .input{
+          margin-right: 20px;
+        }
+      }
+      .table{
+        // padding-bottom: 70px;
+      }
+    }
+  }
+
+  .btnn {
+    padding: 0px 32px;
+    min-height: 70px;
+    border-top: 1px solid #e6e6e6;
+    display: flex;
+    align-items: center;
+    justify-content: end;
+    box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.16);
+
+    .btn1 {
+      width: 100px;
+      height: 40px;
+      border: 1px solid #4ea6ff;
+      border-radius: 8px;
+      color: #4ea6ff;
+      background-color: #fff;
+      cursor: pointer;
+    }
+
+    .btn2 {
+      cursor: pointer;
+      width: 100px;
+      height: 40px;
+      background: #4ea6ff;
+      border-radius: 8px;
+      border: 0;
+      margin-left: 15px;
+      color: #fff;
+    }
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/views/lecturer/LecturerApproval.vue b/src/views/lecturer/LecturerApproval.vue
new file mode 100644
index 00000000..adf37bd9
--- /dev/null
+++ b/src/views/lecturer/LecturerApproval.vue
@@ -0,0 +1,1459 @@
+<!-- 讲师费审批页面 -->
+<template>
+    <div >
+      <!-- 搜索框及按钮 -->
+      <div class="filter" >
+        <a-form layout="inline" style="min-width: 1380px;">
+          <a-form-item  class="select">
+            <a-select style="width: 276px" v-model:value="searchParam.trainOrgId" placeholder="培训发生组织" allowClear
+              :options="trainOrglist"
+              v-on:keydown.enter="enterPressHadlerSearch">
+            </a-select>
+          </a-form-item>
+          <a-form-item class="select ">
+            <div class="select addTimeBox">
+            <div class="addTime" >汇总时间：</div>
+            <a-range-picker
+              v-model:value="searchdate"
+              style="width: 420px"
+              format="YYYY-MM-DD"
+              valueFormat="YYYY-MM-DD"
+              separator="至"
+              :placeholder="['      开始时间', '        结束时间']"
+              v-on:keydown.enter="enterPressHadlerSearch"
+            />
+          </div>
+          </a-form-item>
+          <a-form-item class="select">
+            <a-select style="width: 230px ;margin-bottom:20px" v-model:value="searchParam.status" placeholder="请选择状态" allowClear
+              :options="AuthenticationStatusList"
+              v-on:keydown.enter="enterPressHadlerSearch">
+            </a-select>
+          </a-form-item>
+          <div style="display: flex; margin-bottom: 20px">
+            <a-button @click="searchSubmit()" type="primary" class="resetbtn">查询 </a-button>
+            <!-- <div class="btn btn1" @click="searchReset" style="background:rgba(64, 158, 255, 0);" > -->
+            <!-- <div class="search"></div> -->
+            <a-button class="resetbtn " @click="searchReset">重置</a-button>
+  
+            <!-- 更多筛选-->
+             <!-- <div v-if="moreid == 1">
+              <a-button @click="handlemoreid()" class="moreidbtn" type="text"> 展开
+                <RightOutlined />
+              </a-button>
+            </div>
+            <div v-if="moreid == 2">
+              <a-button @click="handlemoreid()" class="moreidbtn"> 返回
+                <UpOutlined />
+              </a-button>
+            </div> -->
+          </div>
+          <!-- <div style="width:100%"></div> -->
+          <!-- <a-form-item class="select" v-if="moreid == 2">
+            <a-select style="width: 230px ;margin-bottom:20px" v-model:value="searchParam.courseType" placeholder="请选择费用类型" allowClear
+              :options="courseTypeList">
+            </a-select>
+          </a-form-item>
+          <a-form-item class="select" v-if="moreid == 2">
+            <a-select style="width: 230px ;margin-bottom:20px" v-model:value="searchParam.type" placeholder="请选择课程类型" allowClear
+              :options="OnTheJobStatusList">
+            </a-select>
+          </a-form-item>
+          <a-form-item class="select" v-if="moreid == 2">
+            <a-select style="width: 230px ;margin-bottom:20px" v-model:value="searchParam.status" placeholder="请选择状态" allowClear
+              :options="AuthenticationStatusList">
+            </a-select>
+          </a-form-item>
+          <a-form-item class="select" v-if="moreid == 2"> 
+            <a-select style="width: 230px ;margin-bottom:20px" placeholder="请选择讲师体系" v-model:value="searchParam.kid" allowClear
+              :options="lecturerSystemList" @change="changetlevel">
+            </a-select>
+          </a-form-item>
+          <a-form-item class="select"  v-if="moreid == 2">
+            <a-select style="width: 230px ;margin-bottom:10px" v-model:value="searchParam.levelId" placeholder="请选择讲师级别" allowClear   :disabled="getLevelList.length!==0 ? false:true"
+              :options="getLevelList">
+            </a-select>
+          </a-form-item> -->
+        </a-form>
+        <!-- <div style="width: 100%;"></div>
+        <div style="display: flex; margin-bottom: 20px">
+          
+          <a-button @click="handleExport()" class="resetbtn">
+            <UploadOutlined /> 导出
+          </a-button>
+          <div  v-if="moreid == 2"   style="line-height: 40px;" >当前页面汇总金额：<span style="line-height: 40px; font-size: 24px; color: rgb(207, 34, 34) ;font-weight: 600;">1,230,490</span>元     当前总汇总金额：<span style="line-height: 40px; font-size: 24px; color: rgb(207, 34, 34) ;font-weight: 600;">9,230,490</span>元</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 >
+                  <a-button type="link" v-if="record.status != 2&&record.status!=3" @click="goDdit(record)">编辑</a-button>
+                  <a-button type="link" @click="() => handleLook(record, String(record.courseform))">查看</a-button>
+                  <!-- <a-button  type="link" @click="() => handleOperate(record, String(record.courseform))">审批</a-button> -->
+                  <!-- <a-button type="link" @click="() => deleteModal(record, String(record.courseform))">删除</a-button> -->
+                  <a-button v-if="record.status == 1||record.status == 4||record.status == 5" type="link" @click="submit(record)">提交</a-button>
+                  <a-button v-if="record.status == 2" type="link" @click="withdraw(record)">撤回</a-button>
+                </a-space>
+              </template>
+            </template>
+          </a-table>
+        </div>
+  
+      </div>
+      <div class="tableBox ">
+        <div style="float: right;">
+          <a-pagination
+          v-if="tableDataTotal > 10"
+        :showSizeChanger="true "
+        :showQuickJumper="false"
+        :hideOnSinglePage="false"
+        :pageSize="searchParam.pageSize"
+        :current="searchParam.pageNo"
+        :total="tableDataTotal"
+        class="pagination"
+        @change="changePagination"
+      />
+        </div>
+      </div>
+      <!-- 弹窗组件 -->
+<!--查看讲师费详情 -->
+<a-drawer :closable="false" v-model:visible="teachingdialog" placement="right"
+@closa="cancelTeachingDialog"  width="60%" :title="false">
+<div class="headers" style="margin-top:-24px;">
+  <div class="headerTitle">查看讲师费用</div>
+  <img
+    style="width: 29px; height: 29px; cursor: pointer"
+    src="../../assets/images/basicinfo/close.png"
+    @click="cancelTeachingDialog"
+  />
+</div>
+<span class="line"></span>
+<span style="font-weight:600;">讲师费用详情</span>
+<a-descriptions style="margin-top:16px" bordered :column="2" :contentStyle="rowCenter" :labelStyle="rowCenter">
+    <a-descriptions-item label="审批编号">{{formParam?.approvalNumber||'-'}}</a-descriptions-item>
+    <a-descriptions-item label="培训发生组织">{{formParam?.trainOrgName||'-'}}</a-descriptions-item>
+    <a-descriptions-item v-if="activeKey==2" label="汇总周期" >{{formParam?.summaryDate||'-'}}</a-descriptions-item>
+    <a-descriptions-item label="提交时间">{{formParam?.approvalSubmitTime||'-'}}</a-descriptions-item>
+    <a-descriptions-item label="汇总金额">{{formParam?.summaryTotal||'-'}}</a-descriptions-item>
+    <a-descriptions-item label="状态">{{{0:'待确认' ,1:'待提交' ,2:'审核中', 3:'已完成', 4:'审核拒绝',5:'待提交'}[formParam?.status]}}</a-descriptions-item>
+  </a-descriptions>
+  <!-- <span>审批详情</span> -->
+  <span class="line" style="margin-top:15px;"></span>
+  <a-tabs v-model:activeKey="activeKey" @change="tabsChange">
+  <a-tab-pane key="1" tab="讲师费列表">
+    <div style="padding: 10px 0;">
+      <div style="display: flex;margin-bottom: 20px;">
+        <div style="margin-right:20px;">
+          <a-input @pressEnter="searchTeacherFeeApprovalList()" style="height:40px;border-radius:8px;" v-model:value="userNoOrName" placeholder="请输入工号/讲师名称进行搜索" />
+        </div>
+        <div style="margin-right:20px;">
+          <a-range-picker style="height:40px;border-radius:8px;" @change="seeDateChange" valueFormat="YYYY-MM-DD" format="YYYY-MM-DD" v-model:value="seeDateValue" />
+        </div>
+        <div style="margin-right:20px;">
+          <a-button style="margin-right:15px;height:40px;border-radius:8px;" type="primary" @click="searchTeacherFeeApprovalList()">搜索</a-button>
+          <a-button style="margin-right:15px;height:40px;border-radius:8px;" type="primary" @click="resetSearch()">重置</a-button>
+        </div>
+      </div>
+      <div style="padding-bottom:70px">
+        <a-table :scroll="{x:'max-content'}" :header-cell-style="{ 'text-align': 'center' }" style="border: 1px solid #f2f6fe" :columns="columnsExamine"
+          :data-source="tableDataExamine" :loading="examinetableLoading" @expand="expandTable" :pagination="pagination">
+        </a-table>
+      </div>
+    </div>
+  </a-tab-pane>
+  <a-tab-pane key="2" tab="讲师费审批记录" force-render>
+    <div style="padding-bottom:70px">
+        <a-table :header-cell-style="{ 'text-align': 'center' }" style="border: 1px solid #f2f6fe" :columns="columnsExamineTwo"
+          :data-source="tableDataExamineTwo" :loading="tableDataExamineLoading" @expand="expandTable" :pagination="false">
+        </a-table>
+      </div>
+  </a-tab-pane>
+</a-tabs>
+  <div :style="{
+        position: 'absolute',
+        right: 0,
+        bottom: 0,
+        width: '100%',
+        borderTop: '1px solid #e9e9e9',
+        padding: '10px 16px',
+        background: '#fff',
+        textAlign: 'right',
+        zIndex: 1,
+      }">
+        <a-button  class="drabtn"  @click="cancelTeachingDialog">取消</a-button>
+        <a-button   class="drabtn" type="primary" @click="cancelTeachingDialog" :loading="buttonLoading">确定
+        </a-button>
+        <!-- <a-button  class="drabtn"  @click="cancelTeachingDialog" type="primary" danger>拒绝</a-button> -->
+      </div>
+</a-drawer>
+       <!-- 修改状态功能弹窗 -->
+       <div>
+        <a-modal v-model:visible="editTeacher" :footer="null" :closable="close" wrapClassName=""
+          centered="true">
+          <div class="delete" style="width:500px">
+            <div class="del_header"></div>
+            <div class="del_main">
+              <div class="header">
+                <div class="icon1"></div>
+                <span>提示</span>
+              </div>
+                <a-form style="margin-left:20px; margin-top:10px ">
+                  <a-form-item label="审批" >
+                      <a-radio-group v-model:value="formParamstatues.status">
+                  <a-radio value="S20">同意</a-radio>
+                  <a-radio value="E10">拒绝</a-radio>
+                </a-radio-group>
+                  </a-form-item>
+                  <a-form-item label="备注">
+                    <a-textarea v-model:value="formParamstatues.remark" 
+                  style="width: 90%; height: 100px; border-radius: 8px ;"  placeholder="一旦拒绝 备注变为必填" />
+                  </a-form-item>
+                </a-form>
+              <div class="del_btnbox">
+                <div class="del_btn btn2" @click="cancelTeachingDialog" style="margin-right: 32px">
+                  <div class="btnText">取消</div>
+                </div>
+                <div class="del_btn btn2" @click="closehandleOperate">
+                  <div class="btnText">确定</div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </a-modal>
+      </div>
+      <!-- <div> <Upload/> </div>         -->
+    </div>
+  </template>
+  <script lang="jsx">
+  import { reactive, toRefs, ref ,watch,computed,onMounted} from "vue";
+  import { useRouter } from "vue-router";
+  import { message } from "ant-design-vue";
+  import dayjs from "dayjs";
+  import dialog from '@/utils/dialog'
+  import {
+    RightOutlined,
+    UpOutlined,
+    UploadOutlined,
+    FolderAddOutlined,
+    DownloadOutlined
+  } from '@ant-design/icons-vue';
+  import ProjectManager from "@/components/project/ProjectManagerNew";
+  import {expenseBillList,queryById,queryExpnseByBillId ,updateTeacherFee,updateStatusSubmit,approveTeacherFee,getTrainOrg,isConfirm} from "../../api/lecturerFeeManagement";
+  import { getTeacherSystemList,getApprovalResultByBusinessIdList } from "../../api/Lecturer";
+  import { queryTrainOrgPor,} from "../../api/organization";
+  // lecturerFeeManagement
+  // import {getProjSt} from "../../api/indexProjStu";
+  // import AddTeacher from "../../components/drawers/project/AddTeacher"
+  export default { 
+    name: "LecturerApproval",
+    components: {
+      RightOutlined, //图标--展开
+      UpOutlined,//图标--收起
+      UploadOutlined,//图标--导出
+      DownloadOutlined,//图标-导入
+      FolderAddOutlined,//图标--新增
+      ProjectManager,
+    },
+    setup(props,emit) {
+      watch(()=>props.key,(val)=>{
+        console.log(val,'valllllll')
+      })
+      onMounted(()=>{
+        const search = sessionStorage.getItem('searchApprlval')
+        console.log(search,'search')
+        if(search){
+          state.searchParam = JSON.parse(search)
+          state.searchdate = state.searchParam.searchdate
+        }
+        getTableDate()
+      })
+      const router = useRouter()
+      const state = reactive({
+        tableDataExamineLoading: false,
+        tableDataExamineTwo: [],
+        tableDataParams:{
+          pageNo: 1,
+          pageSize: 10,
+          total: 0,
+        },
+        userNoOrName: null,
+        seeDateValue: [],
+        seeBegin: null,
+        seeEnd: null,
+        activeKey: '1',
+        moreid:1,
+        byPid:null,
+        currentPage1: 1,
+        pageSize1: 10,
+        promotionrecordsLoading:false ,  //晋级记录遮罩层
+        teacherrecordsLoading:false,// 授课记录遮罩层
+        tableLoading:false,
+        examinetableLoading:false,
+        tagsshow:"1",
+        delTeacherId:null, //删除id确认
+        newStatus:null , //修改状态码确认
+        id:null,    //内部讲师工号确认 
+        lookTeacherId:null, //内部讲师详情id确认
+        // deleteInTeacherdialog: false, //删除弹窗
+        editTeacher:false ,   //修改状态弹窗
+        handleOperate1:null, //修改状态弹窗内容
+        teacherdialog1: null,
+        teachingdialog: false,  //控制讲师弹窗
+        teacherdialogtitle: '',//讲师弹框title内容
+        pageSizeOptions: ['10', '20', '30', '50'], //下拉选择每页显示多少条
+        pageSize: 10,
+        tableDataTotal: -1,//table列表总条数
+        formParam: {
+          beginTime:null ,
+          defaultTeachingTime:"0",
+        },
+        formParamstatues:{
+          status:'S20',
+          remark: null,
+          id:null,
+        },
+        searchdate: null, //选择时间
+        searchParam: {
+          teacherNo:null,
+          teacherName:null,
+          trainOrgId:null,
+          id:null,
+          levelId:null,
+          courseType:null,
+          certStatus:null,
+          salaryName:null,
+          payrollPlaceId:null,
+          status:null,
+          pageNo: "1",
+          pageSize: "10",
+          beginTime: null,
+          endTime: null,
+        },
+      })
+       //费用类型
+       const courseTypeList=ref([
+       { value: 1, label: "课程开发" },
+        { value: 2, label: "作业人员入模培训" },
+        { value: 3, label: "其他" },
+     ])
+   
+      const lecturerSystemList = ref([
+      ]);
+      ///获取讲师体系列表
+      const LecturerSystemLista =() => {
+        // console.log('点击了LecturerSystemLista')
+        getTeacherSystemList().then((res) => {
+          if (res.data.code === 200) {
+            let arr = res.data.data;
+            let array = [];
+            arr?.map((value) => {
+              let obj = {
+                value: value.kid,
+              label: value.systemName,
+              };
+              array.push(obj);
+            });
+            lecturerSystemList.value = array;
+          }
+        })
+      }
+      // LecturerSystemLista()
+      const trainOrglist=ref([])
+      //获取培训发生组织
+      const trainOrglista =() => {
+        let obj = {
+                 pageNo: "1",
+                pageSize: "10000"
+      }
+      queryTrainOrgPor(obj).then((res)=>{
+          if (res.data.code === 200) {
+              let arr = res.data.data;
+              let array = [];
+              arr.map((value) => {
+                let obj = {
+                  value: value.id,
+                  label: value.affiliationName,
+                };
+                array.push(obj);
+              });
+              trainOrglist.value = array;
+            }
+        }) 
+      }
+      trainOrglista()
+   
+      //课程类型
+      const OnTheJobStatusList = ref([
+      { value: 1, label: "项目开课" },
+        { value: 2, label: "路径开课" },
+        { value: 3, label: "面授开课" },
+      ])
+      //认证状态0待确认 1待提交 2审核中 3审核通过 4.审核拒绝
+      const AuthenticationStatusList = ref([
+        // { value: 0, label: "待确认" },
+        { value: 1, label: "待提交" },
+        { value: 2, label: "审核中" },
+        { value: 4, label: "审核拒绝" },
+        { value: 3, label: "已审核" },
+      ])
+
+      //状态
+      const AccountStatusList = ref([
+        { value:"A10", label: "待审核", },
+        { value:"A20", label: "已提交", },
+        { value:"A30", label: "审核中", },
+        { value:"E10", label: "审核打回", },
+        { value:"S20", label: "审核通过", },
+      ])
+      watch(
+      )
+      //切换筛选
+      const handlemoreid=()=>{
+        if(state.moreid==1){
+          state.moreid=2
+        }
+        else if(state.moreid == 2){
+          state.moreid=1
+          state.searchParam.certStatus=null
+          state.searchParam.salaryName=null
+          state.searchParam.payrollPlaceId=null
+          state.searchParam.status=null
+        }
+      }
+         //新增页面内部姓名
+         const infoteacherList = ref([
+      //   { value: 0, systemName: "讲师体系" },
+      ]);
+      const  getinfoteacher = () => {
+        // state.tableLoading=true 
+        // ()
+        //   .then((res) => {
+        //     infoteacherList.value = res.data.data.records
+        // }) 
+      };
+      const columns = ref([
+        
+        {
+          title: '培训发生组织 ',
+          dataIndex: 'trainOrgName',
+          key: 'trainOrgName',
+        ellipsis: true, align: "center",
+          width: 120,
+        },
+        {
+        title: '汇总时间 ',
+        dataIndex: 'summaryTime',
+        key: 'summaryTime',
+        ellipsis: true,
+        align: "center",
+        width:200
+      },
+      {
+        title: '汇总金额 ',
+        dataIndex: 'summaryTotal',
+        key: 'summaryTotal',
+        ellipsis: true,
+        align: "center",
+        width: 200,
+      },
+      {
+          title: '提交时间',
+          dataIndex: 'approvalSubmitTime',
+          key: 'approvalSubmitTime',
+        ellipsis: true, align: "center",
+          width: 200,
+          customRender: ({text, record}) => {
+            return text ? text : '-'
+          }
+        },
+        {
+          title: '状态 ',
+          dataIndex: 'status',
+          key: 'status',
+          ellipsis: true, 
+          align: "center",
+          width: 120,
+          customCell: (record) => {return{style:{color:['#67C23A','#F56C6C'][record.status]}}},
+          customRender: (value) => {
+            switch (value.record.status) {
+              case 0:
+                return "待确认 "
+              case 1:
+                return "待提交"
+              case 2:
+                return "审核中"
+              case 3:
+                return "审核通过"
+              case 4:
+                return "审核拒绝"
+              case 5:
+                return "待提交"
+              default:
+                return "-"
+            }
+          }
+        },
+        {
+          title: '操作 ',
+          dataIndex: 'operation',
+          key: 'operation',
+        ellipsis: true, align: "right",
+        fixed: "right",
+          width: 200,
+          scopedSlots: { customRender: "action" },
+        },
+        
+      ])
+      //列表数据
+      const tableData = ref([
+      ])
+      // 搜索
+      const searchSubmit = () => {
+        state.searchParam.pageNo = 1;
+        getTableDate();
+        sessionStorage.removeItem('searchApprlval')
+      };
+    //重置
+    const searchReset = () => {
+      state.searchdate= null,
+        state.searchParam = { 
+          endTime:null,
+        beginTime:null,
+          teacherNo:null,
+          id:null,
+          levelId:null,
+          courseType:null,
+          certStatus:null,
+          salaryName:null,
+          payrollPlaceId:null,
+          status:null,
+          pageNo: 1, 
+          pageSize: 10 ,
+        };
+        getTableDate();
+        sessionStorage.removeItem('searchApprlval')
+      };
+//              //修改时间
+//              function searchTimeChange(time, timeStr) {
+//       let startTime = timeStr[0]
+//       let endTime = timeStr[1] ;
+//       state.startTime = new Date(startTime).getTime();
+//       state.endTime = new Date(endTime).getTime();
+//       // state.searchParam.beginTime = new Date(beginTime).getTime() ;
+//       // state.searchParam.endTime = new Date(endTime).getTime() ;
+//       state.searchParam.beginTime = state.startTime ? state.startTime : null,
+//         state.searchParam.endTime = state.endTime ? state.endTime : null
+// }
+      //  List接口数据
+       const getTableDate = (obj) => {
+        state.tableLoading=true 
+        let objA = { ...state.searchParam };
+         objA.beginTime = state.searchdate ? dayjs(state.searchdate[0]).format("YYYY-MM-DD") : "",
+        objA.endTime =  state.searchdate ? dayjs(state.searchdate[1]).format("YYYY-MM-DD") : "",
+        delete objA.searchdate
+     expenseBillList(objA)
+          .then((res) => {
+            tableData.value = res.data.data.records
+            state.tableDataTotal = Number(res.data.data.total);
+            state.tableLoading=false 
+        }).catch(err=>{
+          state.tableLoading=false
+          message.destroy()
+          message.error(err.data.msg)
+        })
+      };
+      // getTableDate()
+      //   // 翻页
+      const changePagination = (page,pageSize) => {
+        state.searchParam.pageNo = page;
+      // state.pageNo = page;
+      state.searchParam.pageSize = pageSize;
+      getTableDate();
+      };
+      // 新增讲师
+      const addTeacher = () => {
+        state.teachingdialog = true;
+        state.teacherdialogtitle = '添加讲师费'
+        
+      }
+      //修改状态窗口
+      const handleOperate = (record) => {
+        state.editTeacher = true
+        state.formParamstatues.id= record.id
+      };
+      //提交
+      const closehandleOperate= ()=>{
+          approveTeacherFee(state.formParamstatues).then((res) => {
+              message.success("审批成功");
+              state.editTeacher = false
+             getTableDate();
+          })
+      }
+      //取消按钮 清空输入的数据
+      const cancelTeachingDialog = () => {
+        if(state.teachingdialog = true )
+        {
+        state.teachingdialog = false
+        cancel()
+       }
+         state.deleteInTeacherdialog = false 
+         state.editTeacher = false 
+      };
+        //清空数据
+        const cancel = () => {
+          state.formParam ={
+          teacher:null,
+          teacherNo:null,
+          departId:null,
+          id:null,
+          courseName:0,
+          levelId:null,
+          payrollPlaceId:null,
+          // 费用类型 : null
+          teacherpayrollPlace:null,
+          teachingDate:null,
+          defaultTeachingTime:0,
+          courseType:null,
+          studys:null,
+          teacherlevelPay:null,
+          score:null,
+          trainOrg:null,
+          payableExpense:null,
+          expense:null,
+          remark:null,
+        }
+      }
+      const goDdit = (record) => {
+        state.searchParam.searchdate = state.searchdate
+        sessionStorage.setItem('searchApprlval', JSON.stringify(state.searchParam))
+        router.push({
+          path:'/LecturerAppEdit',
+          query:{
+            id: record.id
+          }
+        })
+      }
+      //表格内查看数据操作
+      const handleLook = (record) => {
+        state.activeKey = '1'
+        state.teachingdialog = true;
+        state.id= record.id
+        TeacherSystem()
+        gettableDataExamine()
+      }
+      const params = reactive({
+        pageNo: 1,
+        pageSize: 10,
+        total: 0,
+        businessType: 1,
+        businessId: '366'
+      })
+      const paginations = computed(() => ({
+        total: params.total,
+        showSizeChanger: true,
+        showQuickJumper:true,
+        current: params.pageNo,
+        pageSize: params.pageSize,
+        onChange: paginationChanges,
+      }));
+      const paginationChanges = (e,pageSize) => {
+        params.pageNo = e;
+        params.pageSize = pageSize
+        // getListData()
+      };
+      const tabsChange = (val) => {
+        if(val == 2){
+          getListData()
+        }
+      }
+      const getListData = () => {
+        state.tableDataExamineLoading = true
+        getApprovalResultByBusinessIdList({
+          businessType: 1,
+          businessId: state.id
+        }).then(res=>{
+          if(res.data.code == 200){
+            state.tableDataExamineTwo = res.data.data
+            // params.total = res.data.data.total
+          }
+          state.tableDataExamineLoading = false
+        }).catch(err=>{
+          message.destroy()
+          state.tableDataExamineLoading = false
+          message.error(err.data.msg)
+        })
+      }
+      const submit = (record) => {
+        console.log(record,'record')
+        dialog({
+          content: '请仔细核对讲师费信息，确认无误后，将自动进入(BPM系统)审批流程',
+          ok: () => {
+            isConfirm({
+              id: record.id,
+              status: 2
+            }).then(res=>{
+              if(res.data.code == 200){
+                message.success('提交成功')
+                getTableDate();
+                
+              }
+            }).catch(err=>{
+              message.destroy()
+              message.error(err.data.msg)
+            })
+          }
+        })
+      }
+      const withdraw = (record) => {
+        console.log(record,'record')
+        dialog({
+          content: '确定要撤回此条数据吗？',
+          ok: () => {
+            isConfirm({
+              id: record.id,
+              status: 1
+            }).then(res=>{
+              if(res.data.code == 200){
+                message.success('撤回成功')
+                getTableDate();
+                
+              }
+            }).catch(err=>{
+              message.destroy()
+              message.error(err.data.msg)
+            })
+          }
+        })
+      }
+      
+      //详情
+      const TeacherSystem=()=>{
+        queryById({id : state.id}).then((res) => {
+            // state.formParam=Object.assign({} ,res.data.data)
+            state.formParam=res.data.data
+            console.log( state.formParam)
+        }) 
+        .catch((err) => {
+            console.log("详情", err);
+          });
+      }
+      const searchTeacherFeeApprovalList = () => {
+        state.tableDataParams.pageNo = 1
+        gettableDataExamine()
+      }
+      const resetSearch = () => {
+        state.userNoOrName = null
+        state.seeDateValue = []
+        state.seeBegin = null
+        state.seeEnd = null
+        searchTeacherFeeApprovalList()
+      }
+      const seeDateChange = (e) => {
+        if(e){
+          state.seeBegin = e[0]
+          state.seeEnd = e[1]
+        }else{
+          state.seeBegin = null
+          state.seeEnd = null
+        }
+      }
+      const tableDataExamine = ref([])
+      const gettableDataExamine = () => {
+        state.examinetableLoading = true
+        queryExpnseByBillId({
+          billId : state.id,
+          pageNo: state.tableDataParams.pageNo,
+          pageSize: state.tableDataParams.pageSize,
+          name: state.userNoOrName,
+          startTime: state.seeBegin,
+          endTime: state.seeEnd
+        }).then((res) => {
+          tableDataExamine.value = res.data.data.records
+          state.tableDataParams.total = Number(res.data.data.total);
+          state.examinetableLoading = false
+        }).catch(err=>{
+          state.examinetableLoading = false
+          message.error(err.data.msg)
+        })
+      };
+      const pagination = computed(() => ({
+        total: state.tableDataParams.total,
+        showSizeChanger: true,
+        showQuickJumper:true,
+        current: state.tableDataParams.pageNo,
+        pageSize: state.tableDataParams.pageSize,
+        onChange: paginationChange,
+      }));
+      const paginationChange = (e,pageSize) => {
+        state.tableDataParams.pageNo = e;
+        state.tableDataParams.pageSize = pageSize
+        gettableDataExamine();
+      };
+    const columnsExamineTwo = ref([
+      {
+        title: '审批层级 ',
+        dataIndex: 'levelName',
+        key: 'levelName',
+        ellipsis: true,
+        align: "center",
+        width: 120,
+      },
+      {
+        title: '层级审批人 ',
+        dataIndex: 'employeeNames',
+        key: 'employeeNames',
+        ellipsis: true,
+        align: "center",
+        width: 120,
+      },
+      {
+        title: '操作 ',
+        dataIndex: 'approvalStatus',
+        key: 'approvalStatus',
+        ellipsis: true,
+        align: "center",
+        width: 120,
+        customRender: ({text})=>{
+          switch (text) {
+            case -1:
+              return <span>未处理</span>;
+            case 3:
+              return <span>通过</span>;
+            case 4:
+              return <span>拒绝</span>;
+            default:
+              return <span>-</span>;
+          }
+        }
+      },
+      {
+        title: '审批人 ',
+        dataIndex: 'employeeName',
+        key: 'employeeName',
+        ellipsis: true,
+        align: "center",
+        width: 120,
+      },
+      {
+        title: '审批时间 ',
+        dataIndex: 'approvalTime',
+        key: 'approvalTime',
+        ellipsis: true,
+        align: "center",
+        width: 120,
+      },
+      {
+        title: '审批建议 ',
+        dataIndex: 'approvalMsg',
+        key: 'approvalMsg',
+        ellipsis: true,
+        align: "center",
+        width: 120,
+        customRender: ({text}) => {
+          return text||'-'
+        }
+      },
+    ])
+      //二级页面
+    const columnsExamine = ref([
+      {
+          title: '讲师姓名 ',
+          dataIndex: 'name',
+          key: 'name',
+          ellipsis: true,
+          align: "center",
+          width: 120,
+        },
+        {
+          title: '讲师工号 ',
+          dataIndex: 'userNo',
+          key: 'userNo',
+          ellipsis: true,
+          align: "center",
+          width: 120,
+        },
+        {
+          title: '课程名称 ',
+          dataIndex: 'courseName',
+          key: 'courseName',
+          ellipsis: true,
+          align: "center",
+          width: 200,
+        },
+        {
+          title: '培训发生组织',
+          dataIndex: 'trainOrgName',
+          key: 'trainOrgName',
+          ellipsis: true,
+          align: "center",
+          width: 120,
+        },
+        
+        {
+          title: '授课时长 ',
+          dataIndex: 'teachingTime',
+          key: 'teachingTime',
+          ellipsis: true,
+          align: "center",
+          width: 120,
+          customRender:(value)=>{
+            return (
+              <div>
+                {(value.record?.teachingTime/60).toFixed(2)}小时
+              </div>
+            )
+          }
+        },
+        {
+          title: '授课时间 ',
+          dataIndex: 'teachingDate',
+          key: 'teachingDate',
+          ellipsis: true,
+          align: "center",
+          width: 120,
+          
+        },
+        {
+          title: '讲师体系',
+          dataIndex: 'tsystemName',
+          key: 'tsystemName',
+          ellipsis: true,
+          align: "center",
+          width: 120,
+        },
+        {
+          title: '讲师级别 ',
+          dataIndex: 'tlevelName',
+          key: 'tlevelName',
+          ellipsis: true,
+          align: "center",
+          width: 120,
+        },
+        {
+          title: '发薪地 ',
+          dataIndex: 'payrollPlace',
+          key: 'payrollPlace',
+          ellipsis: true,
+          align: "center",
+          width: 120,
+        },
+        {
+          title: '基准课酬 ',
+          dataIndex: 'levelPay',
+          key: 'levelPay',
+          ellipsis: true,
+          align: "center",
+          width: 120,
+        },
+        {
+          title: '计划费用 ',
+          dataIndex: 'expense',
+          key: 'expense',
+          ellipsis: true,
+          align: "center",
+          width: 120,
+        },
+        {
+          title: '参训人数 ',
+          dataIndex: 'studys',
+          key: 'studys',
+          ellipsis: true,
+          align: "center",
+          width: 120,
+        },
+        {
+          title: '评分 ',
+          dataIndex: 'score',
+          key: 'score',
+          ellipsis: true,
+          align: "center",
+          width: 120,
+        },
+        {
+          title: '课程类型 ',
+          dataIndex: ' courseType',
+          key: ' courseType',
+          ellipsis: true,
+          align: "center",
+          width: 120,
+          customRender: (value) => {
+            return (
+              <div>
+                {String(value.record.courseType)
+                  ? {
+                    "0": "在线课",
+                    "1": "面授课",
+                    "2": "课程开发",
+                    "3": "作业员入模培训",
+                    "4": "其他",
+                  }[value.record.courseType + ""]
+                  : "-"}
+              </div>
+            )
+          }
+        },
+      ])
+      function managerChange(e, l, d, t, orgName) {
+      console.log(e, l);
+      state.searchParam.teacherNo = d;
+      state.searchParam.teacherName = t;
+      // state.searchParam.trainorgName=orgName
+    }
+      //导出功能
+      const handleExport = ()=>{
+        window.open (
+          `${process.env.VUE_APP_BASE_API}/teachez/fee/exportTeacherFee?pageNo=${state.searchParam.pageNo}&pageSize=${state.searchParam.pageSize}&trainOrgId=${state.searchParam.trainOrgId ? state.searchParam.trainOrgId : ""}&status=${ state.searchParam.status ?  state.searchParam.status : ""}&beginTime=${state.searchParam.beginTime ? state.searchParam.beginTime : ""}&endTime=${ state.searchParam.endTime ?  state.searchParam.endTime : ""}`
+        );
+        // this.download('lesson_records/export', {
+        //           ...state.searchParam
+        //       }, `project_${new Date().getTime()}.xlsx` )
+          }
+              //回车
+    const enterPressHadlerSearch = e => {
+  console.log("e",e);
+    if (e.keyCode === 13) {
+      searchSubmit()
+
+    }
+}
+      return {
+        ...toRefs(state),
+        enterPressHadlerSearch,
+        // searchTimeChange,
+        gettableDataExamine,
+        courseTypeList,
+        managerChange,
+        trainOrglist,
+        trainOrglista,
+        handlemoreid,
+        handleExport,
+        lecturerSystemList,
+        OnTheJobStatusList,
+        AuthenticationStatusList,
+        AccountStatusList,
+        searchSubmit,
+        searchReset,
+        columns,
+        columnsExamine,
+        columnsExamineTwo,
+        tableData,
+        tableDataExamine,
+        seeDateChange,
+        changePagination,
+        addTeacher,
+        cancelTeachingDialog,
+        handleLook,
+        submit,
+        getListData,
+        tabsChange,
+        withdraw,
+        goDdit,
+        cancel,
+        handleOperate,
+        closehandleOperate,
+         getTableDate, //list接口数据调用
+        // getStu
+        LecturerSystemLista,
+        TeacherSystem,
+        infoteacherList,
+        getinfoteacher,
+        pagination,
+        paginationChange,
+        searchTeacherFeeApprovalList,
+        resetSearch,
+        paginations,
+        paginationChanges,
+      }
+    },
+  };
+  </script>
+<style lang="scss" scoped >
+.select .ant-picker {
+  width: 410px !important;
+}
+.headers {
+  height: 73px;
+  border-bottom: 1px solid #e8e8e8;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  // background-color: red;
+  margin-bottom: 20px;
+  flex-shrink: 0;
+
+  .headerTitle {
+    font-size: 18px;
+    font-weight: 600;
+    color: #333333;
+    line-height: 25px;
+    // margin-left: 24px;
+  }
+}
+.addTimeBox {
+        position: relative;
+        display: flex;
+        align-items: center;
+
+        .addTime {
+          position: absolute;
+          z-index: 1;
+          margin-left: 10px;
+          color: rgba(0, 0, 0, 0.4);
+        }
+
+        .ant-picker {
+          padding-left: 85px;
+        }
+
+      ::v-deep  .ant-picker-range .ant-picker-active-bar {
+          margin-left: 85px  !important;
+        }
+      }
+
+//导出按钮icon
+.daochu {
+  width: 16px;
+  height: 18px;
+  background-image: url("../../assets/images/coursewareManage/export1.png");
+}
+
+//弹窗内详情样式
+.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;
+}
+
+.InsideTeaching {
+  width: 100%;
+  height: 100%;
+
+
+  .filter {
+    margin-left: 38px;
+    margin-right: 38px;
+    margin-top: 30px;
+    display: flex;
+    justify-content: space-between;
+    flex-wrap: wrap;
+
+    .select {
+      margin-right: 20px;
+      margin-bottom: 10px;
+    }
+  }
+}
+
+.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: 30%;
+  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;
+      }
+    }
+  }
+}
+
+.CreatePath {
+  .out {
+    z-index: 9999;
+    display: block;
+    position: absolute;
+    top: 90px;
+    width: 1080px !important;
+    height: 650px;
+    overflow: auto;
+    background-color: #fff;
+
+    box-shadow: 0 0 10px rgba(118, 136, 166, 0.21);
+    left: 50%;
+    top: 300px;
+    transform: translate(-50%, -50%);
+
+    .top {
+      width: 100%;
+      height: 68px;
+
+      background: linear-gradient(rgba(78, 166, 255, 0.2) 0%,
+          rgba(78, 166, 255, 0) 100%);
+      display: flex;
+      align-items: center;
+
+      .topimg {
+        width: 18px;
+        height: 18px;
+        margin-left: 27px;
+        margin-top: -2px;
+      }
+
+      .topc {
+        color: #000000;
+        font-size: 16px;
+        margin-left: 8px;
+      }
+    }
+
+    .mid {
+      width: 100%;
+      height: 100%;
+      background-color: #fff;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+
+      .d {
+        // margin-top: 8px;
+        // color: #ff4e4e;
+        margin-left: -5px;
+      }
+    }
+  }
+}
+
+//添加样式
+.langbtn {
+  height: 40px;
+  border-radius: 8px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-right: 14px;
+  flex-shrink: 0;
+  cursor: pointer;
+}
+
+// 重置样式
+.resetbtn {
+  width: 100px;
+  height: 40px;
+  border-radius: 8px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-right: 14px;
+  flex-shrink: 0;
+  cursor: pointer;
+}
+
+//展开收起样式
+.moreidbtn {
+  border: none;
+  color: #4ea6ff;
+  width: 80px
+}
+
+//小竖线
+.line {
+  float: left;
+  width: 3px;
+  height: 17px;
+  background: #4ea6ff;
+  border-radius: 30%;
+  margin-right: 5px;
+  margin-top: 3px;
+}
+
+//抽屉功能
+.drawaer
+
+// /* 改变所有 a-tree-select 输入框的高度 */
+//   ::v-deep  .ant-select:not(.ant-select-customize-input) .ant-select-selector{
+//   height: 40px;
+//   line-height: 40px;
+//   border-radius: 8px
+
+//   /* 确保文字垂直居中 */
+// }
+::v-deep .ant-select-single:not(.ant-select-customize-input) .ant-select-selector{
+  height: 40px !important;
+  line-height: 40px;
+  border-radius: 8px
+}
+// 抽屉内样式
+.draitem{
+ width: 100%;
+  height: 40px !important; 
+  border-radius: 8px;
+  line-height: 40px;
+}
+.drabtn{
+  height:40px;
+  width:80px;
+  border-radius:8px;
+  margin-right:20px
+}
+::v-deep  .ant-select:not(.ant-select-customize-input) .ant-select-selector{
+  border-radius:8px;
+  height:40px;
+}
+.ant-col-12{
+  height:90px;
+}
+::v-deep .ant-select-selection-overflow-item {
+  margin-top: -2px;
+}
+
+::v-deep .ant-select-multiple .ant-select-selection-item {
+  height: 34px
+}
+.tableBox {
+padding-bottom: 20px;
+margin: 20px 38px 30px;
+::v-deep .ant-select-dropdown{
+ display: inline-block;
+}
+::v-deep .ant-select-selection-item{
+margin-left: 3px;
+}
+::v-deep .ant-pagination-options-size-changer.ant-select{
+width: 84px;
+}
+.pa {
+width: 100%;
+display: flex;
+justify-content: right;
+}
+}
+</style>
\ No newline at end of file
diff --git a/src/views/lecturer/LecturerFee.vue b/src/views/lecturer/LecturerFee.vue
new file mode 100644
index 00000000..d6cb93b0
--- /dev/null
+++ b/src/views/lecturer/LecturerFee.vue
@@ -0,0 +1,2084 @@
+<!-- 讲师费管理页面 -->
+<template>
+    <div >
+      <!-- 搜索框及按钮 -->
+      <div class="filter" >
+        <a-form layout="inline" style="min-width: 1380px;">
+          <a-form-item class="select">
+            <!--  v-model:value="searchParam.name" -->
+            <!-- <a-input v-model:value="searchParam.name" style="width: 276px; height: 40px; border-radius: 8px"
+              placeholder="请输入工号/讲师姓名进行检索" allowClear showSearch>
+            </a-input>
+   -->  <div  style="width: 276px; height: 40px; border-radius: 8px"  >
+    <a-input v-model:value="searchParam.name" style="width: 276px; height: 40px; border-radius: 8px"
+            placeholder="请输入工号/讲师姓名进行检索" allowClear showSearch
+            v-on:keydown.enter="enterPressHadlerSearch">
+          </a-input>
+                  </div>
+          </a-form-item>
+          <a-form-item  class="select">
+            <a-select style="width: 235px ;margin-bottom:20px" v-model:value="searchParam.trainOrgId" placeholder="请选择培训发生组织" allowClear
+              :options="orgList" 
+              v-on:keydown.enter="enterPressHadlerSearch">
+            </a-select>
+          </a-form-item>
+          <a-form-item class="select ">
+          <div class="select addTimeBox">
+            <div class="addTime" >授课日期：</div>
+            <a-range-picker
+              v-model:value="searchdate"
+              style="width: 420px"
+              format="YYYY-MM-DD"
+              valueFormat="YYYY-MM-DD"
+              separator="至"
+              :placeholder="['      开始时间', '        结束时间']"
+              v-on:keydown.enter="enterPressHadlerSearch"
+            />
+          </div>
+          </a-form-item>
+          <a-form-item class="select">
+            <a-select style="width: 235px ;margin-bottom:20px" v-model:value="searchParam.type" placeholder="请选择课程类型" allowClear
+              :options="OnTheJobStatusList"
+              v-on:keydown.enter="enterPressHadlerSearch">
+            </a-select>
+          </a-form-item>
+          <a-form-item class="select" >
+            <a-select style="width: 235px ;margin-bottom:20px" v-model:value="searchParam.status" placeholder="请选择状态" allowClear
+              :options="AuthenticationStatusList"
+              v-on:keydown.enter="enterPressHadlerSearch">
+            </a-select>
+          </a-form-item>
+          <a-form-item class="select"> 
+            <a-select style="width: 235px ;margin-bottom:20px" placeholder="请选择讲师体系" v-model:value="searchParam.tSystemId" allowClear
+              :options="lecturerSystemList"
+              v-on:keydown.enter="enterPressHadlerSearch">
+            </a-select>
+          </a-form-item>
+          <a-form-item class="select" >
+            <a-select style="width: 235px ;margin-bottom:20px" v-model:value="searchParam.tLevelName" placeholder="请选择讲师级别" allowClear
+              :options="getLevelList"
+              v-on:keydown.enter="enterPressHadlerSearch">
+            </a-select>
+          </a-form-item>
+          <div style="display: flex; margin-bottom: 20px">
+            <a-button @click="searchSubmit()" type="primary" class="resetbtn">查询 </a-button>
+            <!-- <div class="btn btn1" @click="searchReset" style="background:rgba(64, 158, 255, 0);" > -->
+            <!-- <div class="search"></div> -->
+            <a-button class="resetbtn " @click="searchReset">重置</a-button>
+  
+            <!-- 更多筛选-->
+            <!-- <div v-if="moreid == 1">
+              <a-button @click="handlemoreid()" class="moreidbtn" type="text"> 展开
+                <RightOutlined />
+              </a-button>
+            </div>
+            <div v-if="moreid == 2">
+              <a-button @click="handlemoreid()" class="moreidbtn"> 返回
+                <UpOutlined />
+              </a-button>
+            </div> -->
+          </div>
+          <div style="width:100%"></div>
+          <!-- <a-form-item class="select" v-if="moreid == 2">
+            <a-select style="width: 230px ;margin-bottom:20px" v-model:value="searchParam.courseType" placeholder="请选择费用类型" allowClear
+              :options="courseTypeList">
+            </a-select>
+          </a-form-item> -->
+          
+        </a-form>
+        <div style="width: 100%;"></div>   
+        <div style="display: flex; margin-bottom: 20px">
+          <a-button @click="addTeacher()" type="primary" class="langbtn">
+            <div class="search"></div> 添加费用
+          </a-button>
+          <!-- <div style="margin-left: 20px ;">
+            <a-button @click="addTeacher()" class="langbtn">
+              <UploadOutlined /> 一键生成讲师费
+            </a-button>
+          </div> -->
+                    <a-button class="resetbtn" @click="handleImport()" >
+            <DownloadOutlined /> 导入
+          </a-button>
+        <a-button @click="handleExport()" class="resetbtn">
+          <UploadOutlined /> 导出
+        </a-button>
+        <a-button @click="handleTeacher()" type="primary" class="langbtn">
+            一键确认讲师费
+          </a-button>
+          <a-button @click="allFee()" type="primary" class="langbtn">
+           批量确认讲师费
+          </a-button>
+          <!-- <div     style="line-height: 40px;" >当前页面汇总金额：<span style="line-height: 40px; font-size: 24px; color: rgb(207, 34, 34) ;font-weight: 600;">1,230,490</span>元     当前总汇总金额：<span style="line-height: 40px; font-size: 24px; color: rgb(207, 34, 34) ;font-weight: 600;">9,230,490</span>元</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"  :scroll="{ x: 1500 }" :loading="tableLoading" @expand="expandTable" :pagination="false">
+            <template #bodyCell="{ record, column }">
+              <template v-if="column.key === 'operation'">
+                <a-space >
+                  <a-button type="link" @click="() => handleLook(record, String(record.courseform))">查看</a-button>
+                  <!-- :disabled="record.createFrom==1  ?false :true" -->
+                  <a-button type="link" v-if="record.status != 2&&record.status!=3" @click="() => handleModify(record, String(record.courseform))">编辑</a-button>
+                  <!-- <a-button :disabled="record.status==='A20' || record.status==='A30'||record.status==='S20'   ?true :false"  type="link" @click="() => handleOperate(record, String(record.courseform))">提交</a-button> -->
+                  <!-- <a-button type="link" @click="handleOperate(record)">撤回</a-button> -->
+                  <!-- <a-button type="link" @click="() => deleteModal(record, String(record.courseform))">删除</a-button> -->
+                </a-space>
+              </template>
+              <template v-if="column.key === 'trainOrg'">
+              <a-space style="display:flex ;justify-content: space-around;  ">
+                <a-popover>
+    <template #content>
+      <p>{{ record.trainOrg }}</p>
+    </template>
+    <span>{{ record.trainOrg }}</span>
+  </a-popover>
+              </a-space>
+            </template>
+            </template>
+          </a-table>
+        </div>
+  
+      </div>
+      <div class="tableBox ">
+        <div style="float: right;">
+          <a-pagination
+          v-if="tableDataTotal > 10"
+          :showSizeChanger="true" 
+          :showQuickJumper="false"
+          :hideOnSinglePage="false"
+          :pageSize="searchParam.pageSize"
+          :current="searchParam.pageNo"
+          :total="tableDataTotal"
+          class="pagination"
+          @change="changePagination"
+        />
+        </div>
+      </div>
+      <!-- 弹窗组件 -->
+      <a-drawer v-model:visible="teacherdialog" placement="right" :closable="false" :maskClosable="false" dropdown-style="drawaer"
+        width="60%" :title="false">
+        <div class="headers" style="margin-top:-24px;">
+          <div class="headerTitle">{{ teacherdialogtitle }}</div>
+          <img
+            style="width: 29px; height: 29px; cursor: pointer"
+            src="@/assets/images/basicinfo/close.png"
+            @click="cancelTeacherDialog"
+          />
+        </div>
+        <a-form :model="formParam" :rules="rules" layout="vertical" ref="formRef" >
+          <!-- 讲师姓名  name  讲师工号  userNo-->
+          <a-row :gutter="16">
+            <a-col :span="12">
+              <a-form-item label="讲师名称" name="name">
+               <SearchTeacher :disabled="!!id" @tlevel="tlevelChange" v-model:id="formParam.teacherId" v-model:value="formParam.name" v-model:orgId="formParam.orgId" v-model:lable="formParam.orgNames" v-model:user="formParam.userNo"
+                v-model:system="tSystemNames" v-model:payrollPlaceCode="formParam.payrollPlaceId"
+                v-model:payrollPlaceName="formParam.payrollPlace" ></SearchTeacher>
+              </a-form-item>
+            </a-col>
+            <a-col :span="12">
+              <a-form-item label="讲师工号" name="userNo">
+                <a-input class="draitem"  v-model:value="formParam.userNo"  disabled
+                  placeholder="请输入讲师工号" allowClear showSearch> 
+                </a-input>
+              </a-form-item>
+            </a-col>
+          </a-row>
+          <!--  讲师组织  departId 讲师体系  systemId   -->
+          <a-row :gutter="16">
+            <a-col :span="12">
+                <a-form-item label="讲师组织" name="orgName">
+              <!-- <a-popover>
+                <template #content>
+                  {{ formParam.orgNames }}
+                </template> -->
+
+                <a-input :title="formParam.orgNames" disabled v-model:value="formParam.orgName" class="draitem"
+                  placeholder="自动带出讲师的组织,展示主要部分,鼠标浮上去展示所有" allowClear showSearch>
+                </a-input>
+              <!-- </a-popover> -->
+            </a-form-item>
+            </a-col>
+            <a-col :span="12">
+              <a-form-item label="讲师体系" name="tsystemName">
+              <!-- <a-select class="draitem" v-model:value="formParam.tsystemName" placeholder="请选择讲师体系" allowClear
+                @change="changetlevel" .:options="LecturerSystemList">
+              </a-select> -->
+              <a-input disabled v-model:value="tSystemNames.systemName" class="draitem"
+                  placeholder="自动带出讲师的体系" allowClear showSearch>
+                </a-input>
+            </a-form-item>
+            </a-col>
+          </a-row>
+          <!-- 讲师级别 levelId   讲师发薪地  payrollPlaceName-->
+          <a-row :gutter="16">
+            <a-col :span="12">
+              <a-form-item label="讲师级别"  name="tlevelName">
+                <a-input disabled v-model:value="formParam.tlevelName" class="draitem"
+                  placeholder="自动带出讲师级别" allowClear showSearch>
+                </a-input>
+              </a-form-item>
+            </a-col>
+            <a-col :span="12">
+              <a-form-item label="讲师发薪地"  name="payrollPlace">
+            <a-input disabled v-model:value="formParam.payrollPlace" class="draitem"
+                    placeholder="自动带出讲师发薪地" allowClear showSearch >
+                  </a-input>
+            </a-form-item>
+            </a-col>
+          </a-row>
+          <!-- 费用类型  课程名称 courseName-->
+          <a-row :gutter="16">
+            <a-col :span="12">
+              <a-form-item label="费用类型"  name="courseType">
+                <a-select class="draitem" v-model:value="formParam.courseType" placeholder="请选择费用类型"
+                  :options="courseTypeList">
+                </a-select>
+              </a-form-item>
+            </a-col>
+            <a-col :span="12">
+              <a-form-item label="课程名称"  name="courseName">
+                <!-- <a-radio-group v-model:value="formParam.courseName">
+                  <a-radio :value="0">面授课</a-radio>
+                  <a-radio :value="1">在线课</a-radio>
+                </a-radio-group> -->
+                <!-- <a-select  class="draitem" v-model:value="formParam.courseName" placeholder="请选择输入或选择面授课" style="width:63%" allowClear
+                  :options="getLevelList">
+                </a-select> -->
+                <a-input :maxlength="20" show-count v-model:value="formParam.courseName"  placeholder="请输入面授课名称" class="draitem">
+                </a-input>
+            </a-form-item>
+            </a-col>
+          </a-row>
+          <!-- 授课日期 teachingDate   授课时长  teachingTime -->
+          <a-row :gutter="16">
+            <a-col :span="12">
+              <a-form-item label="培训发生组织" name="trainOrgId">
+                <!-- <OrgClass
+                  v-model:value="formParam.sourceBelongId"
+                  v-model:name="formParam.sourceBelongFullName"
+                ></OrgClass> -->
+                <a-select v-model:value="formParam.trainOrgId" placeholder="请选择培训发生组织" allowClear
+                  :options="orgList"  @change="changeOrg">
+                </a-select>
+              </a-form-item>
+            </a-col>
+            <a-col :span="12">
+              <a-form-item label="授课/课程日期 :" name="teachingDate">
+                <a-date-picker class="draitem" v-model:value="teachingDate" style="width:100%" :show-time="{ format: 'HH:mm' }" format="YYYY-MM-DD HH:mm" valueFormat="YYYY-MM-DD HH:mm"
+                placeholder="请选择课程日期"  />
+              </a-form-item>
+            </a-col>
+          </a-row>
+          <!-- 参训人数  studys  评分 score  -->
+          <a-row :gutter="16">
+            <a-col :span="12">
+              <a-form-item label="授课时长" name="teachingTime">
+              <a-input v-model:value="formParam.teachingTime" style="width:80%; height: 40px; border-radius: 8px; "
+                @change="clearNonNumber" placeholder="请输入授课分钟数" allowClear showSearch suffix="分钟">
+              </a-input>
+              <span style="margin-left: 5px ;" v-if="formParam.teachingTime != null">{{
+                (formParam.teachingTime / 60).toFixed(2) }}小时</span>
+                    <span style="margin-left: 5px ;" v-if="formParam.teachingTime == null">0.00小时</span>
+            </a-form-item>
+            </a-col>
+            <a-col :span="12">
+              <a-form-item label="参训人数" name="studys">
+                <a-input  v-model:value="formParam.studys" class="draitem" @change="clearstudysNumber" 
+                  placeholder="请输入参训人数" allowClear showSearch  >
+                </a-input>
+              </a-form-item>
+            </a-col>
+          </a-row>
+          <!-- 课酬基准     计划费用  expense-->
+          <a-row :gutter="16">
+            <a-col :span="12">
+              <a-form-item label="评分" name="score">
+                <a-input-number class="draitem" v-model:value="formParam.score" :defaultValue="null" :max="10" :controls="false" :min="0" :precision="2" placeholder="请输入评分" 
+                 allowClear >
+                </a-input-number>
+              </a-form-item>
+            </a-col>
+            <a-col :span="12">
+              <a-form-item label="课酬基准" name="levelPay">
+                <a-input-number v-model:value="formParam.levelPay" placeholder="自动键入系统基准（可手动更改）"  :max="99999999" :controls="false" :min="0" :precision="2"
+                @change="clearlevelPayNumber"
+                  allowClear showSearch  class="draitem">
+                </a-input-number>
+              </a-form-item>
+            </a-col>
+          </a-row>
+           <!-- 应发费用 -->
+           <a-row :gutter="16">
+            <a-col :span="12">
+              <a-form-item label="计划费用" name="expense">
+                <a-input class="draitem" v-model:value="formParam.expense"  placeholder="自动计算（ 授课时长（或课程时长）*课酬基准 ）" allowClear   disabled
+                  showSearch>
+                </a-input>
+              </a-form-item>
+            </a-col>
+            <a-col :span="12">
+              <a-form-item label="应发费用" name="payableExpense">
+                <a-input-number :max="99999999" :controls="false" :min="0" :precision="2" v-model:value="formParam.payableExpense" class="draitem"
+                  placeholder="请输入应发费用" allowClear>
+                </a-input-number>
+              </a-form-item>
+            </a-col>
+          </a-row>
+            <!-- 备注 remark -->
+            <a-row :gutter="16">
+            <a-col :span="24">
+              <a-form-item label="备注">
+                <a-textarea v-model:value="formParam.remark" showCount :maxlength="200"
+                  style="width: 100%; height: 100px; border-radius: 8px ;margin-bottom:50px" placeholder="请输入" />
+              </a-form-item>
+            </a-col>
+          </a-row>
+          </a-form>
+          <div :style="{
+          position: 'absolute',
+          right: 0,
+          bottom: 0,
+          width: '100%',
+          borderTop: '1px solid #e9e9e9',
+          padding: '10px 16px',
+          background: '#fff',
+          textAlign: 'right',
+          zIndex: 1,
+        }">
+          <a-button  class="drabtn"  @click="cancelTeacherDialog">取消</a-button>
+          <a-button   class="drabtn" type="primary" @click="createTeacherDialog" :loading="buttonLoading">保存
+          </a-button>
+        </div>
+      </a-drawer>
+       <!-- 修改状态功能弹窗 -->
+       <div>
+        <a-modal v-model:visible="editTeacher" :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== 'A10' ||handleOperate1== 'E10' ">您确定要提交此信息吗</span>
+                <span v-if="handleOperate1== 'A20'">您确定要撤回此信息吗</span>
+              </div>
+              <div class="del_btnbox">
+                <div class="del_btn btn2" @click="canceleditTeacherDialog" style="margin-right: 32px">
+                  <div class="btnText">取消</div>
+                </div>
+                <div class="del_btn btn2" @click="closehandleOperate">
+                  <div class="btnText">确定</div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </a-modal>
+      </div>
+      <!-- <div> <Upload/> </div>         -->
+      <a-drawer v-model:visible="teachingdialog" placement="right"
+        :closable="false"  width="60%" :title="false">
+        <div class="headers" style="margin-top:-24px;">
+          <div class="headerTitle">查看讲师费用</div>
+          <img
+            style="width: 29px; height: 29px; cursor: pointer"
+            src="../../assets/images/basicinfo/close.png"
+            @click="cancelTeachingDialog(false)"
+          />
+        </div>
+  <span class="line"></span>
+  <span style="font-weight: 600;">讲师费用详情</span>
+<a-descriptions style="padding-bottom: 35px;margin-top:20px;" bordered :column="2" :contentStyle="{width:'300px',}" :labelStyle="{width:'160px'}">
+    <a-descriptions-item label="讲师名称">{{formParam.name}}</a-descriptions-item>
+    <a-descriptions-item label="讲师工号">{{formParam.userNo}}</a-descriptions-item>
+    <a-descriptions-item label="讲师体系">{{formParam.tsystemName}}</a-descriptions-item>
+    <a-descriptions-item label="讲师级别">{{formParam.tlevelName }}</a-descriptions-item>
+    <a-descriptions-item label="讲师组织">{{formParam.orgName}}</a-descriptions-item>
+    <a-descriptions-item label="讲师发薪地">{{formParam?.payrollPlace || '-'}}</a-descriptions-item>
+    <a-descriptions-item label="费用类型">{{{0:'在线',1:'面授',2:'课程开发',3:'作业员入模培训',4:'其他'}[formParam?.courseType]}}</a-descriptions-item>
+    <!-- <a-descriptions-item label="课程类型">{{formParam.courseType==1?'项目开课' :formParam.courseType==2 ?'路径开课':formParam.courseType==3 ?'面授开课':'-'}}</a-descriptions-item> -->
+    <a-descriptions-item label="课程名称">{{formParam.courseName || '-'}}</a-descriptions-item>
+    <a-descriptions-item label="培训发生组织">{{formParam.trainOrgName || '-'}}</a-descriptions-item>
+    <a-descriptions-item label="授课时间  ">{{(formParam.teachingDate) || '-'}}</a-descriptions-item>
+    <a-descriptions-item label="授课时长  ">{{formParam.teachingTime || '-'}}分 <span v-if="formParam.teachingTime">({{(formParam.teachingTime/60).toFixed(2)}}小时)</span></a-descriptions-item>
+    <a-descriptions-item label="参训人数  ">{{formParam.studys || '-'}}</a-descriptions-item>
+    <a-descriptions-item label="评分  ">{{formParam.score || '-'}}</a-descriptions-item>
+    <a-descriptions-item label="课酬基准  ">{{formParam.levelPay || '-'}}</a-descriptions-item>
+    <a-descriptions-item label="计划费用  ">{{formParam.expense || '-'}}</a-descriptions-item>
+    <a-descriptions-item label="应发费用  ">{{formParam.payableExpense || '-'}}</a-descriptions-item>
+    <!-- <a-descriptions-item label="费用发放时间">{{formParam.payableExpenseTime || '-'}}</a-descriptions-item> -->
+    <a-descriptions-item label="状态">{{{0:'待确认' ,1:'待提交' ,2:'审核中', 3:'已完成', 4:'拒绝',5:'待提交'}[formParam?.status]}}</a-descriptions-item>
+    <a-descriptions-item label="备注  ">{{formParam.remark || '-'}}</a-descriptions-item>
+  </a-descriptions>
+  <div style="margin-bottom: 20px;">
+    <span class="line"></span>
+    <span style="font-weight: 600;">讲师费审批</span>
+  </div>
+  <div style="margin-bottom:32px;">
+    <a-table :columns="columnSee" :loading="SeeLoading" :data-source="tableDataSee"  :pagination="false" />
+  </div>
+  <!-- <span class="line"></span> -->
+  <!-- <div :style="{
+        position: 'absolute',
+        right: 0,
+        bottom: 0,
+        width: '100%',
+        borderTop: '1px solid #e9e9e9',
+        padding: '10px 16px',
+        background: '#fff',
+        textAlign: 'right',
+        zIndex: 1,
+      }">
+        <a-button  class="drabtn"  type="primary" @click="cancelTeachingDialog(false)">确定</a-button>
+        <a-button   class="drabtn" @click="cancelTeachingDialog(false)" :loading="buttonLoading">取消
+        </a-button>
+      </div> -->
+</a-drawer>
+<ImportWork v-model:showWork="showWork" :template="'讲师费导入模板'" :url="'/admin/export/importTeacherExpense'" :fileName="uploadFile" :title="title"></ImportWork>
+    </div>
+    <!-- 一键确认讲师费 -->
+    <ConfirmLecturer @visibleFalse="visibleAll" :ids="selectsIds" v-model:visible="visibleConfirm" :name="'确认讲师费'" />
+    <!-- 批量确认讲师费 -->
+     <BatchLecturer @selectedRowKeys="selectedRowKey" v-model:visible="allFeedialog" :name="'批量审批'" />
+  </template>
+  <script lang="jsx">
+  import { reactive, toRefs, ref ,watch,onMounted} from "vue";
+  import { message } from "ant-design-vue";
+  import dayjs from "dayjs";
+  import {
+    RightOutlined,
+    UpOutlined,
+    UploadOutlined,
+    FolderAddOutlined,
+    DownloadOutlined
+  } from '@ant-design/icons-vue';
+  import ImportWork from "../../components/lecturer/ImportWork.vue";
+  import SearchTeacher from "@/components/project/SearchTeacher";
+  import {getTeacherFeeList,getTeacherFeeDetail,getListByTeacherExpenseId,addTeacherFee ,getListByIds,updateTeacherFee,updateStatusSubmit,approveTeacherFee,getTeacherLevel,deleteInTeacher,confirm} from "../../api/lecturerFeeManagement";
+  import {getTeacherSystemList, getAllLevelList,getPayRollPlace,fileUp,submitApproval } from "../../api/Lecturer";
+  // lecturerFeeManagement
+  // import {getProjSt} from "../../api/indexProjStu";
+  // import AddTeacher from "../../components/drawers/project/AddTeacher"
+  import ConfirmLecturer from "@/components/project/ConfirmLecturer"
+  import BatchLecturer from "@/components/project/BatchLecturer"
+  import { queryTrainOrgPor,} from "../../api/organization";
+  import dialog from '@/utils/dialog';
+  import OrgClass from "@/components/project/OrgClass";
+  export default { 
+    name: "LecturerFee",
+    components: {
+      RightOutlined, //图标--展开
+      UpOutlined,//图标--收起
+      UploadOutlined,//图标--导出
+      DownloadOutlined,//图标-导入
+      FolderAddOutlined,//图标--新增
+      SearchTeacher,
+      ImportWork,
+      ConfirmLecturer,
+      BatchLecturer,
+      OrgClass,
+    },
+    setup() {
+      const formRef = ref();
+      const state = reactive({
+        tableDataSee: [],
+        SeeLoading: false,
+        orgList: [],
+        selectsIds: '',
+        visibleConfirm: false,
+        title:'导入讲师费记录',
+        allFeedialog:false,
+        tableLoadings:false,
+        teachingdialog:false,
+        showWork: false,
+        vf:true,
+        moreid:1,
+        byPid:null,
+        currentPage1: 1,
+        pageSize1: 10,
+        promotionrecordsLoading:false ,  //晋级记录遮罩层
+        teacherrecordsLoading:false,// 授课记录遮罩层
+        tableLoading:false,
+        tagsshow:"1",
+        delTeacherId:null, //删除id确认
+        newStatus:null , //修改状态码确认
+        id:null,    //内部讲师工号确认 
+        lookTeacherId:null, //内部讲师详情id确认
+        // deleteInTeacherdialog: false, //删除弹窗
+        editTeacher:false ,   //修改状态弹窗
+        handleOperate1:null, //修改状态弹窗内容
+        teacherdialog1: null,
+        teacherdialog: false,  //控制讲师弹窗
+        teacherdialogtitle: '',//讲师弹框title内容
+        pageSizeOptions: ['10', '20', '30', '50'], //下拉选择每页显示多少条
+        pageSize: 10,
+        tableDataTotal: -1,//table列表总条数
+        teachingDate:null,
+        formParam: {
+          teachingDate:null ,
+          teachingTime:null,
+          name: null,
+          userNo: null,
+          payrollPlace: null,
+          payrollPlaceId: null,
+          trainOrgId: null,
+          trainOrgName: null,
+        },
+        searchdate: null, //选择时间
+        allsearchdate: null, //选择时间
+        searchParam: {
+          userNo:null,
+          name:null,
+          trainOrgId:null,
+          tSystemId:null,
+          tLevelName:null,
+          courseType:null,
+          certStatus:null,
+          salaryName:null,
+          payrollPlaceName:null,
+          status:null,
+          pageNo: "1",
+          pageSize: "10",
+          beginTime: null,
+          endTime: null,
+        },
+        //一键确认
+        searchall:{
+          name:null,
+          beginTime: null,
+          endTime: null,
+          pageNo: "1",
+          pageSize: "10",
+        },
+        tSystemNames:{
+        systemName:null,
+        systemId: null,
+        levelVoList: []
+      },
+      })
+      onMounted(()=>{
+        orgLists()
+      })
+      const orgLists = () => {
+        const obj = {
+          pageNo:1,
+          pageSize:50
+        }
+        queryTrainOrgPor(obj).then((res) => {
+          console.log(res,'rssssss')
+          state.orgList = res.data.data?.map(item=>{
+            return{
+              label: item.affiliationName,
+              value: item.id 
+            }
+          })
+        })
+      }
+     //费用类型
+     const courseTypeList=ref([
+      // { value: '0', label: "在线" },
+      //  { value: '1', label: "面授 " },
+      //   { value: '2', label: "授课 " },
+        { value: '2', label: "课程开发" },
+        { value: '3', label: "作业员入模培训" },
+        { value: '4', label: "其他" },
+     ])
+           //课程类型
+           const OnTheJobStatusList = ref([
+        { value: '', label: "全部" },
+        { value: '1', label: "面授课" },
+        { value: '0', label: "在线课" },
+        { value: '2', label: "课程开发" },
+        { value: '3', label: "作业员入模培训" },
+        { value: '4', label: "其他" },
+      ])
+      //认证状态
+      const AuthenticationStatusList = ref([
+        { value: 0, label: "待确认" },
+        { value: 1, label: "待审核" },
+        { value: 2, label: "审核中" },
+        { value: 4, label: "审核拒绝" },
+        { value: 3, label: "审核通过" },
+      ])
+
+      const lecturerSystemList = ref([
+      ]);
+      ///获取讲师体系列表
+      const LecturerSystemLista = () => {
+      let obj ={
+        pageNo:1,
+        pageSize:1000,
+      }
+      getTeacherSystemList(obj).then((res) => {
+        if (res.data.code === 200) {
+          let arr = res.data.data.records;
+          let array = [];
+          arr.map((value) => {
+            let obj = {
+              value: value.id,
+              label: value.systemName,
+            };
+            array.push(obj);
+          });
+          lecturerSystemList.value = array;
+        }
+      })
+    }
+      const getLevelList = ref([
+      // { value: 0, label: "未定级" },
+    ])
+    const changetlevel = () => {
+getAllLevelList().then((res) => {
+        console.log(res,'rssssss')
+        if (res.data.code === 200) {
+          let arr = res.data.data;
+          let array = [];
+          arr.map((value) => {
+            let obj = {
+              value: value.levelName,
+              label: value.levelName,
+            };
+            array.push(obj);
+          });
+          getLevelList.value = array;
+        }
+      })
+    }
+    changetlevel()
+      LecturerSystemLista()
+
+      //  //获取讲师发薪地列表
+      // const PlaceOfPayList = ref([
+      //   // { value: 0, label: "发薪地B1" },
+      // ])
+      //  const PlaceOfPayLista =() => {
+      //   getPayRollPlace().then((res)=>{
+      //     if (res.data.code === 200) {
+      //         let arr = res.data.data;
+      //         let array = [];
+      //         arr.map((value) => {
+      //           let obj = {
+      //             value: value.id,
+      //           label: value.name,
+      //           };
+      //           array.push(obj);
+      //         });
+      //         PlaceOfPayList.value = array;
+      //       }
+      //     console.log("获取发薪地", PlaceOfPayList);
+      //   })
+      // }
+      // PlaceOfPayLista()
+      //状态
+      const AccountStatusList = ref([
+        { value:"0", label: "待确认", },
+        { value:"1", label: "待提交", },
+        { value:"2", label: "审核中", },
+        { value:"3", label: "审核通过", },
+        { value:"4", label: "审核拒绝", },
+        { value:"5", label: "待提交", },
+      ])
+      watch(()=>state.formParam.name,(val)=>{
+        state.formParam.userNo = val?.split('/')[1]
+      }
+      )
+ 
+      //切换筛选
+      const handlemoreid=()=>{
+        if(state.moreid==1){
+          state.moreid=2
+        }
+        else if(state.moreid == 2){
+          state.moreid=1
+          state.searchParam.certStatus=null
+          state.searchParam.salaryName=null
+          state.searchParam.status=null
+        }
+      }
+      const columnSee = ref([
+        {
+          title: '审批层级',
+          dataIndex: 'levelName',
+          key: 'levelName',
+          ellipsis: true,
+          align: "center",
+        },
+        {
+          title: '审批人 ',
+          dataIndex: 'employeeNames',
+          key: 'employeeNames',
+          ellipsis: true,
+          align: "center",
+        },
+        {
+          title: '审批状态 ',
+          dataIndex: 'approvalStatus',
+          key: 'approvalStatus',
+          ellipsis: true,
+          align: "center",
+          customRender: ({text})=>{
+            switch (text) {
+              case 0:
+                return <span>待提交</span>;
+              case 1:
+                return <span>待审核</span>;
+              case 2:
+                return <span>审核中</span>;
+              case 3:
+                return <span>审核通过</span>;
+              case 4:
+                return <span>拒绝</span>;
+              case 5:
+                return <span>撤销中</span>;
+              case 6:
+                return <span>已撤销</span>;
+              default:
+                return <span>-</span>;
+            }
+          }
+        },
+        {
+          title: '审批时间 ',
+          dataIndex: 'approvalTime',
+          key: 'approvalTime',
+          ellipsis: true,
+          align: "center",
+        },
+        {
+          title: '备注 ',
+          dataIndex: 'approvalMsg',
+          key: 'approvalMsg',
+          ellipsis: true,
+          align: "center",
+          customRender:({text})=>{
+            return text||'-'
+          }
+        },
+      ])
+      const columns = ref([
+        {
+          title: '讲师姓名 ',
+          dataIndex: 'name',
+          key: 'name',
+        ellipsis: true, align: "center",
+          width: 120,
+        },
+        {
+          title: '讲师工号 ',
+          dataIndex: 'userNo',
+          key: 'userNo',
+        ellipsis: true, align: "center",
+          width: 120,
+        },
+        {
+          title: '课程名称 ',
+          dataIndex: 'courseName',
+          key: 'courseName',
+          ellipsis: true,
+          align: "center",
+          width: 200,
+        },
+        {
+          title: '培训发生组织',
+          dataIndex: 'trainOrgName',
+          key: 'trainOrgName',
+        ellipsis: true, align: "center",
+          width: 120,
+        },
+        
+        {
+          title: '授课时长 ',
+          dataIndex: 'teachingTime',
+          key: 'teachingTime',
+        ellipsis: true, align: "center",
+          width: 120,
+          customRender:(value)=>{
+            return (
+              <div>
+                {(value.record?.teachingTime/60).toFixed(2)}小时
+              </div>
+            )
+          }
+        },
+        {
+          title: '授课日期',
+          dataIndex: 'teachingDate',
+          key: 'teachingDate',
+        ellipsis: true, align: "center",
+          width: 120,
+          
+        },
+        {
+          title: '讲师体系',
+          dataIndex: 'tsystemName',
+          key: 'tsystemName',
+        ellipsis: true, align: "center",
+          width: 120,
+          customRender: ({ text })=>{
+            return text||'-'
+          }
+        },
+        {
+          title: '讲师级别 ',
+          dataIndex: 'tlevelName',
+          key: 'tlevelName',
+        ellipsis: true, align: "center",
+          width: 120,
+          customRender: ({ text })=>{
+            return text||'-'
+          }
+        },
+        {
+          title: '发薪地 ',
+          dataIndex: 'payrollPlace',
+          key: 'payrollPlace',
+        ellipsis: true, align: "center",
+          width: 120,
+          customRender: ({ text })=>{
+            return text||'-'
+          }
+        },
+        {
+          title: '基准课酬 ',
+          dataIndex: 'levelPay',
+          key: 'levelPay',
+        ellipsis: true, align: "center",
+          width: 120,
+        },
+        {
+          title: '计划费用 ',
+          dataIndex: 'expense',
+          key: 'expense',
+        ellipsis: true, align: "center",
+          width: 120,
+        },
+        {
+          title: '参训人数',
+          dataIndex: 'studys',
+          key: 'studys',
+        ellipsis: true, align: "center",
+          width: 120,
+          customRender: ({ text })=>{
+            return text||'0'
+          }
+        },
+        {
+          title: '评分 ',
+          dataIndex: 'score',
+          key: 'score',
+        ellipsis: true, align: "center",
+          width: 120,
+          customRender: ({ text })=>{
+            return text||'-'
+          }
+        },
+        {
+          title: '课程类型 ',
+          dataIndex: ' courseType',
+          key: ' courseType',
+          ellipsis: true,
+          align: "center",
+          width: 120,
+          customRender: (value) => {
+            return (
+              <div>
+                {String(value.record.courseType)
+                  ? {
+                    "0": "在线课",
+                    "1": "面授课",
+                    "2": "课程开发",
+                    "3": "作业员入模培训",
+                    "4": "其他",
+                  }[value.record.courseType + ""]
+                  : "-"}
+              </div>
+            )
+          }
+        },
+        {
+          title: '状态 ',
+          dataIndex: 'status',
+          key: 'status',
+          ellipsis: true,
+          align: "center",
+          width: 120,
+          customRender: (value) => {
+            return (
+              <div>
+                {String(value.record.status)
+                  ? {
+                    "0": "待确认",
+                    "1": "待提交",
+                    "2": "审核中",
+                    "3": "审核通过",
+                    '4': '审核拒绝',
+                    '5': '待提交',
+                  }[value.record.status + ""] || ""
+                  : "-"}
+              </div>
+            )
+          }
+        },
+        {
+          title: '讲师组织',
+          dataIndex: 'orgName',
+          key: 'orgName',
+        ellipsis: true, align: "center",
+          width: 200,
+          scopedSlots: { customRender: "trainOrg" },
+        },
+        {
+        title: '操作 ',
+        dataIndex: 'operation',
+        key: 'operation',
+      ellipsis: true, align: "center",
+      fixed: "right",
+        width: 160,
+        scopedSlots: { customRender: "action" },
+      },
+        
+      ])
+      //列表数据
+      const tableData = ref([
+  
+  
+      ])
+      // 搜索
+      const searchSubmit = () => {
+        state.searchParam.pageNo = 1
+        getTableDate();
+      };
+      //重置
+      const searchReset = () => {
+        state.searchdate= null,
+        state.searchParam = { 
+          endTime:null,
+        beginTime:null,
+          userNo:null,
+          tSystemId:null,
+          tLevelName:null,
+          courseType:null,
+          certStatus:null,
+          salaryName:null,
+          status:null,
+          pageNo: 1, 
+          pageSize: 10 ,
+        };
+        getTableDate();
+      };
+//         //修改时间
+//         function searchTimeChange(time, timeStr) {
+//       let startTime = timeStr[0]
+//       let beginTime = timeStr[1] ;
+//       state.startTime = new Date(startTime).getTime();
+//       state.beginTime = new Date(beginTime).getTime();
+//       // state.searchParam.beginTime = new Date(beginTime).getTime() ;
+//       // state.searchParam.endTime = new Date(endTime).getTime() ;
+//       state.searchParam.beginTime = state.startTime ? state.startTime : null,
+//         state.searchParam.endTime = state.beginTime ? state.beginTime : null
+// }
+      //  List接口数据
+       const getTableDate = (obj) => {
+        state.tableLoading=true
+        let objA = { ...state.searchParam };
+         objA.beginTime = state.searchdate ? dayjs(state.searchdate[0]).format("YYYY-MM-DD") : "",
+        objA.endTime =  state.searchdate ? dayjs(state.searchdate[1]).format("YYYY-MM-DD") : "",
+        getTeacherFeeList(objA)
+          .then((res) => {
+            tableData.value = res.data.data.records
+            state.tableDataTotal = Number(res.data.data.total);
+            state.tableLoading=false 
+            console.log("获取讲师tableData", tableData);
+        }).catch(err=>{
+          state.tableLoading=false
+          message.destroy()
+          message.error(err.data.msg)
+        })
+      };
+      getTableDate()
+      //   // 翻页
+      const changePagination = (page,pageSize) => {
+        state.searchParam.pageNo = page;
+      // state.pageNo = page;
+      state.searchParam.pageSize = pageSize;
+      getTableDate();
+      };
+      // 添加讲师费
+      const addTeacher = () => {
+        cancel()
+        state.teacherdialog = true;
+        state.vf = true
+        state.teacherdialogtitle = '添加讲师费'
+        
+      }
+      //修改讲师费信息弹窗
+      const handleModify = (record) => {
+        state.teacherdialog = true;
+        state.teacherdialogtitle = '编辑讲师费'
+        state.id= record.id
+        state.vf = false
+        TeacherSystem()
+      }
+      //一键确认讲师费
+      const handleTeacher =()=>{
+        state.visibleConfirm = true
+      }
+      async function validateField(name) {
+      return new Promise((resolve) => {
+        formRef.value.validateFields([name])
+          .then(() => {
+            resolve(false);
+          })
+          .catch(() => {
+            resolve(true);
+          });
+      });
+    }
+    watch(() => state.formParam.orgNames, (val) => {
+      console.log(val, 'orgName')
+      if(val){
+        const parts = val.split('/');
+        const reversedParts = parts.reverse();
+        state.formParam.orgName = reversedParts.join('/');
+      }
+    })
+    const changeOrg = (e,l) => {
+      console.log(e,'eeeee',l)
+      state.formParam.trainOrgName = l?.label
+    }
+    //保存
+    const createTeacherDialog = async () => {
+      console.log(state.formParam,'formParam')
+      state.formParam.expense = String(state.formParam.expense)
+      state.formParam.teachingDate=state.teachingDate ? dayjs(state.teachingDate).format("YYYY-MM-DD HH:mm").toString() : ""
+      state.formParam.tsystemName = state.tSystemNames.systemName
+      state.formParam.tsystemId = state.tSystemNames.systemId
+      state.formParam.courseName = state.formParam.courseName?.trim()
+      if(state.formParam.studys==0){
+        state.formParam.studys = null
+      }
+      if(state.formParam.score){
+        state.formParam.score = String(state.formParam.score)
+      }else{
+        state.formParam.score = null
+      }
+      if(state.formParam.levelPay){
+        state.formParam.levelPay = String(state.formParam.levelPay)
+      }
+      const formItemNames = Object.keys(rules);
+      for(let i=0;i<formItemNames.length;i++){
+        const result = await validateField(formItemNames[i]);
+        if (result) {
+          return message.error(rules[formItemNames[i]][0].log)
+        }
+      }
+      state.formParam.orgName = state.formParam.orgNames
+      state.formParam = {...state.formParam,...state.tSystemNames}
+      state.formParam.name = state.formParam?.name?.split('/')[0]
+      if (state.vf == false) {
+        updateTeacherFee(state.formParam).then(response => {
+            message.success("编辑成功");
+            state.teacherdialog = false;
+            cancel()
+            getTableDate(); 
+          }).catch(err=>{
+            message.destroy()
+            state.teacherdialog = false;
+            message.error(err.data.msg)
+          })
+        }
+        else {
+          addTeacherFee(state.formParam)
+            .then((res) => {
+              message.success("新增成功");
+              state.teacherdialog = false;
+              cancel()
+              getTableDate(); 
+            }).catch(err=>{
+            message.destroy()
+            state.teacherdialog = false;
+            message.error(err.data.msg)
+          })
+        }
+    };
+      //删除弹窗
+      // const deleteModal = (record) => {
+      //   state.deleteInTeacherdialog = true
+      //   state.delTeacherId = record.id 
+      // };
+      //修改状态窗口
+      const handleOperate = (record) => {
+        dialog({
+          content: "等待接口中...",
+          ok: () => {
+            
+          }
+        })
+      };
+      // //确认删除
+      const closeDeleteTeacher=()=>{
+        //调用删除接口
+        deleteInTeacher(state.delTeacherId).then((res)=>{
+          if(res.data.code == 200 ){
+            // message.success("删除成功");
+            state.deleteInTeacherdialog = false
+            getTableDate();
+          }
+        })
+      } 
+      //提交撤回状态
+      const closehandleOperate= ()=>{
+         //调用接口
+         let ids ={
+        id : state.id
+          } 
+      console.log(state.handleOperate1)
+      if ( state.handleOperate1 === 'A10'){
+        updateStatusSubmit(ids).then((res) => {
+              message.success("提交成功");
+             getTableDate();
+          })
+        }
+        else{
+          approveTeacherFee(ids).then((res) => {
+              message.success("撤回成功");
+             getTableDate();
+          })
+        }
+        // else if(state.handleOperate1 === 'A20'){
+        //   approveTeacherFee(ids).then((res) => {
+        //       message.success("撤回成功");
+        //      getTableDate();
+        //   })
+        // }
+        state.editTeacher =false
+      }
+      //取消按钮 清空输入的数据
+      const cancelTeacherDialog = () => {
+        formRef.value.resetFields();
+        state.teacherdialog = false
+        cancel()
+      };
+      const canceleditTeacherDialog=()=>{
+        state.editTeacher =false
+      }
+  
+      //清空数据
+      const cancel = () => {
+        state.formParam ={
+          name:null,
+          userNo:null,
+          orgNames:null,
+          orgName:null,
+          tsystemName:null,
+          tlevelId:null,
+          payrollPlace:null,
+          courseType: null,
+          courseName:null,
+          teachingDate:null,
+          teachingTime:null,
+          courseType:null,
+          studys:null,
+          teacherlevelPay:null,
+          score:null,
+          levelPay:null,
+          payableExpense:null,
+          expense:null,
+          remark:null,
+          trainOrgId: null,
+          trainOrgName: null,
+        }
+        state.id = null
+        state.teachingDate=null
+        state.tSystemNames = {
+          systemName:null,
+          levelVoList: []
+        }
+      }
+      //表格内查看数据操作
+      const handleLook = (record) => {
+        state.teachingdialog = true;
+        state.teacherdialogtitle = '查看详情'
+        state.id= record.id
+        // alert(record.grade)
+        TeacherSystem()
+        getListData()
+        // getteacherrecordstableData ()
+      }
+      const getListData = () => {
+        state.SeeLoading = true
+        getListByTeacherExpenseId(state.id).then(res=>{
+          console.log(res,'ressssss')
+          if(res.data.code == 200){
+            state.tableDataSee = res.data.data
+          }
+          state.SeeLoading = false
+        }).catch(err=>{
+          message.destroy()
+          message.error(err.data.msg)
+          state.SeeLoading = false
+        })
+      }
+      //详情
+      const TeacherSystem=()=>{
+        getTeacherFeeDetail({id : state.id}).then((res) => {
+            // state.formParam=Object.assign({} ,res.data.data)
+            state.formParam=res.data.data
+            // tableDataFeeDetail.value = res.data.data.records
+            state.formParam.courseType = String(res.data.data.courseType)
+            state.formParam.levelPay = String(res.data.data.levelPay)
+            state.tSystemNames.systemName = res.data.data.tsystemName
+            state.tSystemNames.systemId = res.data.data.tsystemId
+            state.tSystemNames.systemCode = res.data.data.systemCode
+            state.tSystemNames.levelVoList = res.data.data.levelVoList
+            state.formParam.tlevelName = res.data.data.tlevelName
+            state.formParam.tlevelId = res.data.data.tlevelId
+            state.formParam.name = res.data.data.name+'/'+res.data.data.userNo
+            state.teachingDate = dayjs(res.data.data.teachingDate)
+            state.formParam.payrollPlaceId = res.data.data.payrollPlaceId
+            state.formParam.orgNames = state.formParam.orgName
+            state.formParam.teachingDate = dayjs(state.formParam.teachingDate).format("YYYY-MM-DD HH:mm")
+        }) 
+        .catch((err) => {
+          message.destroy()
+          message.error(err.data.msg)
+        });
+      }
+      //二级页面
+      const columnsFeeDetail = ref([
+        { 
+          title: '时间',
+          dataIndex: 'updatedAt',
+          key: 'updatedAt',
+        ellipsis: true, align: "center",
+          width: 150,
+        } ,
+        { 
+          title: '操作人 ',
+          dataIndex: 'updatedBy',
+          key: 'updatedBy9',
+        ellipsis: true, align: "center",
+          width: 150,
+        } ,
+        {
+          title: '操作 ',
+          dataIndex: 'status',
+          key: 'status',
+        ellipsis: true, align: "center",
+          width: 150,
+          customRender: (value) => {
+            return (
+              <div>
+                {value.record.status == "A10" || value.record.status == "A20"
+                  ? {
+                    "A10": "已提交",
+                    "A20": "待审核",
+                  }[value.record.status + ""] || ""
+                  : "-"}
+              </div>
+            )
+          }
+        },
+        { 
+          title: '备注 ',
+          dataIndex: 'remark',
+          key: 'remark',
+        ellipsis: true, align: "center",
+          width: 150,
+        } ,
+      ])
+        //取消按钮 清空输入的数据
+         const cancelTeachingDialog = (val) => {
+          if(val){
+            dialog({
+              content: '是否确认讲师费信息无误？提交后按“培训发生组织”汇总至审批中心，等待验证后“提交”进入审批流程。',
+              ok: () => {
+                submitApproval({ids:state.formParam.id}).then(res=>{
+                  console.log(res,'resssss')
+                  if(res.data.code == 200){
+                    message.success('提交成功')
+                    state.teachingdialog = false
+                    searchSubmit()
+                  }
+                }).catch(err=>{
+                  message.destroy()
+                  message.error(err.data.msg)
+                  state.teachingdialog = false
+                })
+              }
+            })
+          }else{
+            state.teachingdialog = false
+          }
+      };
+      const clearNonNumber = () => {
+      state.formParam.teachingTime = state.formParam.teachingTime?.replace(/\D/g, '');
+      state.formParam.teachingTime = state.formParam.teachingTime?.slice(0,8);
+      state.formParam.teachingTime == 0 && (state.formParam.teachingTime = null);
+      state.formParam.teachingTime && state.formParam.levelPay && (state.formParam.expense = (state.formParam.levelPay*(state.formParam.teachingTime/60)).toFixed(2));
+    }
+    const clearstudysNumber = () => {
+      state.formParam.studys = state.formParam.studys.replace(/\D/g, '');
+      state.formParam.studys = state.formParam.studys?.slice(0,8)
+    }
+    const  clearscoreNumber= () => {
+      state.formParam.score = state.formParam.score?.replace(/\D/g, '');
+      state.formParam.score == 0 && (state.formParam.score = null);
+      state.formParam.score > 10 && (state.formParam.score = '10');
+    }
+    const payExpense = () => {
+      state.formParam.payableExpense = state.formParam.payableExpense?.replace(/\D/g, '');
+      state.formParam.payableExpense = state.formParam.payableExpense?.slice(0,8);
+      state.formParam.payableExpense == 0 && (state.formParam.payableExpense = null);
+    }
+    const clearlevelPayNumber = () => {
+      // state.formParam.levelPay = state.formParam.levelPay?.replace(/\D/g, '');
+      // state.formParam.levelPay = state.formParam.levelPay?.slice(0,8);
+      state.formParam.levelPay == 0 && (state.formParam.levelPay = null);
+      state.formParam.levelPay&&state.formParam.teachingTime && (state.formParam.expense = (state.formParam.levelPay*(state.formParam.teachingTime/60)).toFixed(2))
+    }
+    watch(()=>state.formParam.levelPay,(val)=>{
+      state.formParam.levelPay&&state.formParam.teachingTime && (state.formParam.expense = (state.formParam.levelPay*(state.formParam.teachingTime/60)).toFixed(2))
+    })
+      const rules = {
+        name: [{ required: true, message:'',log: '讲师不能为空' }],
+        userNo: [{ required: true, message: '',log:'讲师工号不能为空' }],
+        orgName: [{ required: true, message: '',log:'讲师组织不能为空' }],
+        tsystemName: [{ required: true, message:'',log: '讲师体系不能为空' }],
+        tlevelName: [{ required: true, message:'',log: ' 讲师级别不能为空' }],
+        payrollPlace: [{ required: true, message:'',log: '讲师发薪地不能为空' }],
+        courseType: [{ required: true, message: '',log:'费用类型不能为空' }],
+        courseName: [{ required: true, message:'',log: '课程名称不能为空' }],
+        trainOrgId: [{ required: true, message: '',log:'培训发生组织不能为空' }],
+        teachingDate: [{ required: true, message:'',log: '授课日期不能为空' }],
+        teachingTime: [{ required: true, message:'',log: ' 授课时长不能为空' }],
+        studys: [{ required: true, message: '',log:' 参训人数不能为空' }],
+        score: [{ required: true, message:'',log: ' 评分不能为空' }],
+        levelPay: [{ required: true, message:'',log: '课酬基准不能为空' }],
+        expense: [{ required: true, message: '',log:'计划费用不能为空' }],
+  
+      }
+
+    const handleImport = () => {
+      state.showWork = true
+    }
+    const allFee=()=>{
+      state.allFeedialog=true 
+    }
+    const visibleAll = (val) => {
+      state.allFeedialog = val 
+    }
+    const selectedRowKey = (val) => {
+      state.selectsIds = val?.join(',');
+      state.visibleConfirm = true;
+    }
+    watch(()=>state.visibleConfirm,(val)=>{
+      if(!val){
+        state.selectsIds = '';
+      }
+    })
+const tableDatas = ref([])
+const column = ref([
+        {
+          title: '讲师姓名 ',
+          dataIndex: 'name',
+          key: 'name',
+        ellipsis: true, align: "center",
+          width: 120,
+        },
+        {
+          title: '讲师工号 ',
+          dataIndex: 'userNo',
+          key: 'userNo',
+        ellipsis: true, align: "center",
+          width: 120,
+        },
+        {
+          title: '课程名称 ',
+          dataIndex: 'courseName',
+          key: 'courseName',
+        ellipsis: true, align: "center",
+          width: 120,
+        },
+        {
+          title: '培训发生组织',
+          dataIndex: 'trainOrg',
+          key: 'trainOrg',
+        ellipsis: true, align: "center",
+          width: 120,
+        },
+        
+        {
+          title: '授课时长 ',
+          dataIndex: 'teachingTime',
+          key: 'teachingTime',
+        ellipsis: true, align: "center",
+          width: 120,
+          
+        },
+        {
+          title: '授课时间 ',
+          dataIndex: 'teachingTime',
+          key: 'teachingTime',
+        ellipsis: true, align: "center",
+          width: 120,
+          
+        },
+        {
+          title: '讲师体系',
+          dataIndex: 'systemName',
+          key: 'systemName',
+        ellipsis: true, align: "center",
+          width: 120,
+        },
+        {
+          title: '讲师级别 ',
+          dataIndex: 'levelName',
+          key: 'levelName',
+        ellipsis: true, align: "center",
+          width: 120,
+          customRender: ({ text })=>{
+            return text||'-'
+          }
+          // 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: 'teacherpayrollPlace',
+          key: 'teacherpayrollPlace',
+        ellipsis: true, align: "center",
+          width: 120,
+          customRender: ({ text })=>{
+            return text||'-'
+          }
+        },
+        {
+          title: '基准课酬 ',
+          dataIndex: 'teacherlevelPay',
+          key: 'teacherlevelPay',
+        ellipsis: true, align: "center",
+          width: 120,
+        },
+        {
+          title: '计划费用 ',
+          dataIndex: 'expense',
+          key: 'expense',
+        ellipsis: true, align: "center",
+          width: 120,
+        },
+        {
+          title: '参训人数 ',
+          dataIndex: 'studentNum',
+          key: 'studentNum',
+        ellipsis: true, align: "center",
+          width: 120,
+          customRender: ({ text })=>{
+            return text||'-'
+          }
+        },
+        {
+          title: '评分 ',
+          dataIndex: 'courseAssess',
+          key: 'courseAssess',
+        ellipsis: true, align: "center",
+          width: 120,
+          customRender: ({ text })=>{
+            return text||'-'
+          }
+        },
+        {
+          title: '课程类型 ',
+          dataIndex: ' courseType',
+          key: ' courseType',
+        ellipsis: true, align: "center",
+          width: 120,
+          customRender: (value) => {
+            return (
+              <div>
+                {String(value.record.courseType)
+                  ? {
+                    "0": "在线课",
+                    "1": "面授课",
+                    "2": "课程开发",
+                    "3": "作业员入模培训",
+                    "4": "其他",
+                  }[value.record.courseType + ""]
+                  : "-"}
+              </div>
+            )
+          }
+        },
+        {
+          title: '状态 ',
+          dataIndex: 'status',
+          key: 'status',
+        ellipsis: true, align: "center",
+          width: 120,
+          customRender: (value) => {
+            return (
+              <div>
+                 {value.record.status== "0" || value.record.status == "1" ||value.record.status == "2" ||value.record.status == "3"
+                  ? {
+                    "0": "待确认",
+                    "1": "待提交",
+                    "2": "审核中",
+                    "3": "审核通过",
+                    '4': '审核拒绝',
+                    '5': '待提交',
+                  }[value.record.status + ""] || ""
+                  : "-"}
+              </div>
+            )
+          }
+        },
+        {
+          title: '讲师组织',
+          dataIndex: 'trainOrg',
+          key: 'trainOrg',
+        ellipsis: true, align: "center",
+          width: 200,
+          scopedSlots: { customRender: "trainOrg" },
+        },
+        {
+        title: '操作 ',
+        dataIndex: 'operation',
+        key: 'operation',
+      ellipsis: true, align: "right",
+      fixed: "right",
+        width: 100,
+        scopedSlots: { customRender: "action" },
+      },
+        
+      ])
+      const tlevelChange = (e) => {
+        console.log(e,'eeeee')
+        state.formParam.tlevelName = e?.tlevelName
+        state.formParam.tlevelId = e?.tlevelId
+        // state.formParam.payrollPlace = e?.salaryName
+        // state.formParam.payrollPlaceId = e?.salaryId
+        state.formParam.levelPay = e?.levelPay
+      }
+      //导出功能
+      const handleExport = ()=>{
+        window.open (
+          `${process.env.VUE_APP_BASE_API}/admin/export/exportTeacherExpense?pageNo=${state.searchParam.pageNo}&pageSize=${state.searchParam.pageSize}&name=${state.searchParam.name ? state.searchParam.name : ""
+          }&trainOrgId=${ state.searchParam.trainOrgId ?  state.searchParam.trainOrgId : ""}&type=${state.searchParam.type ? state.searchParam.type : ""}&tsystemId=${ state.searchParam.tSystemId ?  state.searchParam.tSystemId : ""}&tLevelName=${ state.searchParam.tLevelName ? state.searchParam.tLevelName : ""}&beginTime=${state.searchParam.beginTime ?  state.searchParam.beginTime : ""}&endTime=${state.searchParam.endTime ?  state.searchParam.endTime : ""}`
+        );
+        // this.download('lesson_records/export', {
+        //           ...state.searchParam
+        //       }, `project_${new Date().getTime()}.xlsx` )
+          }
+          const beforeUpload2 = (file) => {
+      console.log(file);
+      const fileType = [
+        "xls",
+        "xlsx",
+        "zip",
+      ];
+      if (!fileType.includes(file.name.split(".")[1])) {
+        message.error(
+          "仅支持.xls,.xlsx,.zip格式!"
+        );
+        return false;
+      }
+
+      const formData = new FormData();
+      formData.append("file", file);
+      console.log(file);
+      fileUp(formData).then((res) => {
+        if (res.data.code === 200) {
+          state.imgList.push({
+            img: res.data.data,
+            name: file.name,
+            size: file.size,
+          });
+          console.log(state.imgList);
+          // state.hasImgName = res.data.data;
+        }
+      });
+      return false;
+    };
+        //回车
+        const enterPressHadlerSearch = e => {
+  console.log("e",e);
+    if (e.keyCode === 13) {
+      searchSubmit()
+
+    }
+};
+      return {
+        ...toRefs(state),
+        handleTeacher,
+        enterPressHadlerSearch,
+        rules,
+        formRef,
+        clearNonNumber,
+        handleImport,
+        beforeUpload2,
+        closeDeleteTeacher,
+        cancelTeachingDialog,
+        courseTypeList,
+        orgLists,
+        // searchTimeChange,
+        handlemoreid,
+        handleExport,
+        lecturerSystemList,
+        getLevelList,
+        OnTheJobStatusList,
+        // PlaceOfPayLista,
+        AuthenticationStatusList,
+        // PlaceOfPayList,
+        AccountStatusList,
+        searchSubmit,
+        searchReset,
+        columns,
+        columnSee,
+        columnsFeeDetail,
+        tableData,
+        changePagination,
+        addTeacher,
+        cancelTeacherDialog,
+        handleLook,
+        cancel,
+        // deleteModal,
+        handleModify,
+        // closeDeleteTeacher,
+        createTeacherDialog,
+        changeOrg,
+        handleOperate,
+        closehandleOperate,
+         getTableDate, //list接口数据调用
+        // getStu
+        LecturerSystemLista,
+        TeacherSystem,
+        getListData,
+        changetlevel,
+        canceleditTeacherDialog,
+        allFee,
+        selectedRowKey,
+        visibleAll,
+        column,
+        tableDatas,
+        tlevelChange,
+        validateField,
+        clearstudysNumber,
+        clearscoreNumber,
+        clearlevelPayNumber,
+        payExpense,
+      }
+    },
+  };
+  </script>
+<style lang="scss" scoped >
+.select .ant-picker {
+  width: 410px !important;
+}
+.headers {
+  height: 73px;
+  border-bottom: 1px solid #e8e8e8;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  // background-color: red;
+  margin-bottom: 20px;
+  flex-shrink: 0;
+
+  .headerTitle {
+    font-size: 18px;
+    font-weight: 600;
+    color: #333333;
+    line-height: 25px;
+    // margin-left: 24px;
+  }
+}
+.addTimeBox {
+        position: relative;
+        display: flex;
+        align-items: center;
+
+        .addTime {
+          position: absolute;
+          z-index: 1;
+          margin-left: 10px;
+          color: rgba(0, 0, 0, 0.4);
+        }
+
+        .ant-picker {
+          padding-left: 85px;
+        }
+
+      ::v-deep  .ant-picker-range .ant-picker-active-bar {
+          margin-left: 85px  !important;
+        }
+      }
+.addTimeBox .ant-picker{
+  padding-left: 85px;
+}
+//导出按钮icon
+.daochu {
+  width: 16px;
+  height: 18px;
+  background-image: url("../../assets/images/coursewareManage/export1.png");
+}
+
+//弹窗内详情样式
+.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;
+}
+
+.InsideTeaching {
+  width: 100%;
+  height: 100%;
+
+
+  .filter {
+    margin-left: 38px;
+    margin-right: 38px;
+    margin-top: 30px;
+    display: flex;
+    justify-content: space-between;
+    flex-wrap: wrap;
+
+    .select {
+      margin-right: 20px;
+      margin-bottom: 10px;
+    }
+  }
+}
+
+.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: 30%;
+  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;
+      }
+    }
+  }
+}
+
+.CreatePath {
+  .out {
+    z-index: 9999;
+    display: block;
+    position: absolute;
+    top: 90px;
+    width: 1080px !important;
+    height: 650px;
+    overflow: auto;
+    background-color: #fff;
+
+    box-shadow: 0 0 10px rgba(118, 136, 166, 0.21);
+    left: 50%;
+    top: 300px;
+    transform: translate(-50%, -50%);
+
+    .top {
+      width: 100%;
+      height: 68px;
+
+      background: linear-gradient(rgba(78, 166, 255, 0.2) 0%,
+          rgba(78, 166, 255, 0) 100%);
+      display: flex;
+      align-items: center;
+
+      .topimg {
+        width: 18px;
+        height: 18px;
+        margin-left: 27px;
+        margin-top: -2px;
+      }
+
+      .topc {
+        color: #000000;
+        font-size: 16px;
+        margin-left: 8px;
+      }
+    }
+
+    .mid {
+      width: 100%;
+      height: 100%;
+      background-color: #fff;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+
+      .d {
+        // margin-top: 8px;
+        // color: #ff4e4e;
+        margin-left: -5px;
+      }
+    }
+  }
+}
+
+//添加样式
+.langbtn {
+  height: 40px;
+  border-radius: 8px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-right: 14px;
+  flex-shrink: 0;
+  cursor: pointer;
+  .search {
+    width: 15px;
+    height: 16px;
+    margin-right: 5px;
+    background: url("../../assets/images/courseManage/add0.png") no-repeat;
+    background-size: 100% 100%;
+  }
+}
+
+// 重置样式
+.resetbtn {
+  width: 100px;
+  height: 40px;
+  border-radius: 8px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-right: 14px;
+  flex-shrink: 0;
+  cursor: pointer;
+}
+
+//展开收起样式
+.moreidbtn {
+  border: none;
+  color: #4ea6ff;
+  width: 80px
+}
+
+//小竖线
+.line {
+  float: left;
+  width: 3px;
+  height: 17px;
+  background: #4ea6ff;
+  border-radius: 30%;
+  margin-right: 5px;
+  margin-top: 3px;
+}
+
+//抽屉功能
+.drawaer
+
+// /* 改变所有 a-tree-select 输入框的高度 */
+//   ::v-deep  .ant-select:not(.ant-select-customize-input) .ant-select-selector{
+//   height: 40px;
+//   line-height: 40px;
+//   border-radius: 8px
+
+//   /* 确保文字垂直居中 */
+// }
+::v-deep .ant-select-single:not(.ant-select-customize-input) .ant-select-selector{
+  height: 40px !important;
+  line-height: 40px;
+  border-radius: 8px
+}
+// 抽屉内样式
+.draitem{
+ width: 100%;
+  height: 40px !important; 
+  border-radius: 8px;
+  line-height: 40px;
+}
+.drabtn{
+  height:40px;
+  width:80px;
+  border-radius:8px;
+  margin-right:20px
+}
+::v-deep  .ant-select:not(.ant-select-customize-input) .ant-select-selector{
+  border-radius:8px;
+  height:40px;
+}
+.ant-col-12{
+  height:90px;
+}
+
+::v-deep .ant-select-selection-overflow-item {
+  margin-top: -2px;
+}
+
+::v-deep .ant-select-multiple .ant-select-selection-item {
+  height: 34px
+}
+.tableBox {
+padding-bottom: 20px;
+margin: 20px 38px 30px;
+::v-deep .ant-select-dropdown{
+ display: inline-block;
+}
+::v-deep .ant-select-selection-item{
+margin-left: 3px;
+}
+::v-deep .ant-pagination-options-size-changer.ant-select{
+width: 84px;
+}
+.pa {
+width: 100%;
+display: flex;
+justify-content: right;
+}
+}
+</style>
\ No newline at end of file
diff --git a/src/views/lecturer/LecturerFeeManagement.vue b/src/views/lecturer/LecturerFeeManagement.vue
new file mode 100644
index 00000000..76f2aabb
--- /dev/null
+++ b/src/views/lecturer/LecturerFeeManagement.vue
@@ -0,0 +1,332 @@
+<!-- 讲师费管理 -->
+<template>
+  <div class="LecturerFeeManagement">
+    <div style="margin: 20px;margin-top:0;" >
+    <a-tabs v-model:activeKey="activeKey" :destroyInactiveTabPane="true">
+  <a-tab-pane key="1" tab="讲师费管理">
+<LecturerFee />
+     </a-tab-pane>
+     <!-- v-if="lecturerAdmin('lecturer-admin')" -->
+  <a-tab-pane key="2" tab="审批中心">
+  <LecturerApproval/>
+     </a-tab-pane>
+</a-tabs>
+  </div>
+        </div>
+</template>
+<script lang="jsx">
+import { reactive, toRefs, ref, watch,onMounted,computed } from "vue";
+import LecturerFee  from "../lecturer/LecturerFee.vue"
+import LecturerApproval from "../lecturer/LecturerApproval.vue"
+import { useRoute } from "vue-router";
+import {useStore} from 'vuex'
+ export default { 
+  name: "LecturerFeeManagement",
+  components: {
+    LecturerFee,
+    LecturerApproval
+  },
+  setup() {
+    const store = useStore();
+    const userInfo = computed(()=> store.state.userInfo)
+    const route = useRoute();
+    const state = reactive({
+      activeKey:'1',
+    })
+    const lecturerAdmin = (admin)=>{
+      const roleCode = userInfo.value.roleList.map((item)=>item.roleCode)
+      if (admin){
+        return roleCode.some(t => t == admin)
+      }
+    }
+    watch(
+    )
+    onMounted(() => {
+      if(route.query.activeKey){
+        state.activeKey = '2'
+      }
+    })
+   return {
+      ...toRefs(state), 
+      lecturerAdmin,
+    }
+  },
+};
+</script>
+<style lang="scss" scoped>
+::v-deep .ant-tabs-tab{
+  font-weight: 600;
+}
+  .LecturerFeeManagement {
+  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: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;
+    }
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/views/lecturer/LecturerFeeStatistics.vue b/src/views/lecturer/LecturerFeeStatistics.vue
new file mode 100644
index 00000000..01496737
--- /dev/null
+++ b/src/views/lecturer/LecturerFeeStatistics.vue
@@ -0,0 +1,1160 @@
+<!-- 讲师费统计页面 -->
+<template>
+    <div style="margin: 20px;">
+    <!-- 搜索框及按钮 -->
+    <div class="filter" >
+      <a-form layout="inline">
+          <a-form-item  class="select">
+            <a-select style="width: 276px" v-model:value="searchParam.trainOrgId" placeholder="请选择资源归属" allowClear
+              :options="TrainOrglist" 
+              v-on:keydown.enter="enterPressHadlerSearch"/>
+          </a-form-item>
+          <a-form-item class="select " >
+            <a-date-picker picker="month" style="width: 260px; height: 40px; border-radius: 8px" v-model:value="searchdate"
+              :placeholder="[ '请选择汇总周期']" @change="searchTimeChange"
+              v-on:keydown.enter="enterPressHadlerSearch" />
+          </a-form-item >  
+            <!-- <a-form-item  class="select">
+              <a-month-picker  placeholder="重新汇总上月周期" @change="onChange" style="width: 260px; height: 40px; border-radius: 8px" v-model:value="searchdate"  />
+          </a-form-item> -->
+          <div style="display: flex; margin-bottom: 20px">
+            <a-button @click="searchSubmit()" type="primary" class="resetbtn">查询 </a-button>
+            <!-- <div class="btn btn1" @click="searchReset" style="background:rgba(64, 158, 255, 0);" > -->
+            <!-- <div class="search"></div> -->
+            <a-button class="resetbtn " @click="searchReset">重置</a-button>
+          </div>
+        </a-form>
+        <div style="width: 100%;"></div>   
+        <div style="display: flex; margin-bottom: 20px">
+          <a-button @click="searchResetPrevious()" type="primary" class="langbtn" style="width: 150px; height: 40px; border-radius: 8px" >
+            <FolderAddOutlined /> 重新汇总上月讲师费
+          </a-button>
+          <!-- <div     style="line-height: 40px; margin-left: 14px;" >当前页面汇总金额：<span style="line-height: 40px; font-size: 24px; color: rgb(207, 34, 34) ;font-weight: 600;">1,230,490</span>元     当前总汇总金额：<span style="line-height: 40px; font-size: 24px; color: rgb(207, 34, 34) ;font-weight: 600;">9,230,490</span>元</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 >
+                <a-button type="link" @click="() => handleLook(record, String(record.courseform))">查看</a-button>
+              </a-space>
+            </template>
+          </template>
+        </a-table>
+      </div>
+
+    </div>
+    <!-- 翻页 -->
+    <div class="tableBox ">
+      <div  class="pa">
+        <a-pagination v-if="tableDataTotal > 10" :showSizeChanger="true" :showQuickJumper="false"
+          :hideOnSinglePage="true" :pageSize="searchParam.pageSize" :current="searchParam.pageNo" :total="tableDataTotal"
+          class="pagination" @change="changePagination" />
+      </div>
+    </div>
+    <!-- 二级页面弹窗组件 -->
+
+    <a-modal :visible="teacherdialog"  @ok="closeModal2" :footer="null" :closable="false"  wrapClassName="CreatePath" 
+        >
+        <div class="out">
+          <div class="top">
+          <!-- <img class="topimg" src="../../assets/images/courseManage/add1.png" /> -->
+        <div class="topc">{{teacherdialogtitle }}</div>
+          <div @click="cancelTeacherDialog" style="margin-left: 850px; cursor: pointer">
+            <img
+              style="width: 20px; height: 20px"
+              src="../../assets/images/basicinfo/close.png"
+            />
+          </div>
+        </div>
+        <div class="LecturerFeeStatistics">
+          <div class="filter">
+            <div class="filterItems">
+              <div style=" margin-right: 20px ;">周期 : {{ summaryDate }}</div>
+              <div>资源归属 :{{ resbgTxt }}</div>
+              <div style="width:100%; height:1px"></div>
+              <div class="select">
+                <a-input v-model:value="queryFeeMonthly.teacherNo" style="width: 230px; height: 40px; border-radius: 8px"
+                  placeholder="请输入工号/姓名检索" allowClear showSearch>
+                </a-input>
+              </div>
+              <div class="select">
+                <a-select style="width: 230px" v-model:value="queryFeeMonthly.trainOrgId" placeholder="发薪地"
+                  :options="TrainOrglist">
+                </a-select>
+              </div>
+              <div class="select">
+                <a-select style="width: 230px" placeholder="请选择所属组织" v-model:value="queryFeeMonthly.departId"
+                  :options="getOrganizationList">
+                </a-select>
+              </div>
+              <div class="del_btnbox" style="margin-top: 0px ;">
+                <a-button class="del_btn btn1" @click="searchFeeMonthlya">搜索</a-button>
+                <a-button class="del_btn btn2" @click="handleFeeMonthly">导出
+                </a-button>
+              </div>
+              <a-table :header-cell-style="{ 'text-align': 'center' }" style="border: 1px solid #f2f6fe"
+                :columns="columnsFeeDetail" :data-source="tableDataFeeDetail" :loading="tableLoading"
+                @expand="expandTable" :pagination="false">
+                <template #bodyCell="{ record, column }">
+                  <template v-if="column.key === 'operationa'">
+                    <a-space style="display:flex ;justify-content: space-around;">
+                      <a-button type="link" @click="() => handleLooka(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="tableDataFeeDetailTotal > 10" :showSizeChanger="true" :hideOnSinglePage="true"
+                :pageSize="pageSize" v-model:current="queryFeeMonthly.pageNo" :total="tableDataFeeDetailTotal"
+                class="pagination" @change="changeFeeDetailPagination" />
+            </div>
+          </div>
+        </div>
+      </div>
+    </a-modal>
+    <!-- 三级页面弹窗组件 -->
+    <a-modal :visible="teacherdialoga"  @ok="closeModal2" :footer="null" :closable="false"  wrapClassName="CreatePath" 
+        >
+        <div class="out">
+          <div class="top">
+          <!-- <img class="topimg" src="../../assets/images/courseManage/add1.png" /> -->
+        <div class="topc">讲师费月度统计--明细</div>
+          <div @click="cancelTeacherDialoga" style="margin-left: 850px; cursor: pointer">
+            <img
+              style="width: 20px; height: 20px"
+              src="../../assets/images/basicinfo/close.png"
+            />
+          </div>
+        </div>
+        <div class="LecturerFeeStatistics">
+          <div class="filter">
+            <div class="filterItems">
+              <div style=" margin-right: 20px ;">周期 : {{ summaryDate }}</div>
+              <div>资源归属 :{{ resbgTxt }}</div>
+              <div style="width:100%; height:1px"></div>
+              <a-table :header-cell-style="{ 'text-align': 'center' }" style="border: 1px solid #f2f6fe"
+                :columns="columnstableDetailList" :data-source="tableDetailList" @expand="expandTable"
+                :pagination="false">
+                <template #bodyCell="{ record, column }">
+                  <template v-if="column.key === 'operationa'">
+                    <a-space style="display:flex ;justify-content: space-around;  ">
+                      <a-button type="link" @click="() => handleLooka(record, String(record.courseform))">操作</a-button>
+                    </a-space>
+                  </template>
+                </template>
+              </a-table>
+              <div style="width:100%; height:1px"></div>
+              <div>讲师费明细</div>
+              <a-table :header-cell-style="{ 'text-align': 'center' }" style="border: 1px solid #f2f6fe"
+                :columns="columnstableFeeList" :data-source="tableFeeList" @expand="expandTable" :pagination="false">
+                <template #bodyCell="{ record, column }">
+                  <template v-if="column.key === 'operationc'">
+                    <a-space style="display:flex ;justify-content: space-around;  ">
+                      <a-button type="link" @click="() => handleLooka(record, String(record.courseform))">操作</a-button>
+                    </a-space>
+                  </template>
+                </template>
+              </a-table>
+            </div>
+          </div>
+        </div>
+      </div>
+    </a-modal>
+  </div>
+</template>
+<script lang="jsx">
+import { reactive, toRefs, ref, watch } from "vue";
+import { message } from "ant-design-vue";
+import dayjs from "dayjs";
+import { useStore } from "vuex";
+import { useRouter } from "vue-router";
+import { getOrganization } from "../../api/Teaching";
+import {  queryTeacherFeeMonthly, getTeacherFeeDetailListByTeacherNo, getTeacherFeeListByTeacherNo,TeacherFeeTotalList,createMonthSummary} from "../../api/lecturerFeeStatistics"
+;
+import {expenseSummaryList,getTrainOrg,CreateMonthSummary} from "../../api/lecturerFeeManagement";
+import dialog from '@/utils/dialog'
+export default {
+  name: "LecturerFeeStatistics",
+  components: {
+  },
+  setup() {
+    const store = useStore();
+    const router = useRouter();
+    const state = reactive({
+      summaryDate: null,
+      resbgTxt: null,
+      tableDataTotal: -1,//table列表总条数,
+      tableDataFeeDetailTotal: -1, // 二级列表总条数
+      currentPage2: 1,
+      pageSize2: 10,
+      pageSize: 10,
+      teacherdialog: false,
+      teacherdialoga: false,
+      teacherdialogtitle: null,
+      searchdate: null, //选择时间
+      // startTime: null, //开始时间
+      // endTime: null, //结束时间
+      searchParam: {
+        pageNo: "1",
+        pageSize: "10",
+        summaryDate: null, //选择时间
+        // startDate: null,
+        // endDate: null,
+      },
+      queryFeeMonthly: {
+        teacherNo: null,
+        trainOrgId: null,
+        departId: null,
+        pageNo: "1",
+        pageSize: "10"
+      },
+      queryTeacherFeeDetail: {
+        teacherNo: null,
+        teachingDate: null
+      },
+      querytableFee: {
+        teacherNo: null,
+        teachingDate: null,
+        pageNo: '1',
+        pageSize: '10',
+      }
+    })
+    watch(
+    )
+    const columns = ref([
+      {
+        title: '编号 ',
+        dataIndex: 'trainOrgId',
+        key: 'trainOrgId',
+        ellipsis: true,
+        align: "center",
+        width:200,
+      },
+      {
+        title: '资源归属 ',
+        dataIndex: 'trainOrgName',
+        key: 'trainOrgName',
+        ellipsis: true,
+        align: "center",
+        width: 200,
+      },
+      {
+        title: '汇总周期 ',
+        dataIndex: 'summaryDate',
+        key: 'summaryDate',
+        ellipsis: true,
+        align: "center",
+        width:200
+      },
+      {
+        title: '汇总日期 ',
+        dataIndex: 'summaryTime',
+        key: 'summaryTime',
+        ellipsis: true,
+        align: "center",
+        width: 200,
+      },
+      {
+        title: '汇总金额 ',
+        dataIndex: 'summaryTotal',
+        key: 'summaryTotal',
+        ellipsis: true,
+        align: "center",
+        width: 200,
+      },
+      {
+        title: '操作 ',
+        dataIndex: 'operation',
+        key: 'operation',
+        ellipsis: true,
+        align: "right",
+        fixed: "right",
+        width: 120,
+        scopedSlots: { customRender: "action" },
+      },
+    ])
+    //列表数据
+    const tableData = ref([
+    ])
+    // 搜索
+    const searchSubmit = () => {
+      state.searchParam.pageNo = 1
+      getTableDate();
+    };
+     //修改时间
+     const searchTimeChange = (e, date) => {
+      // console.log(date);
+      // console.log(state.searchdate );
+      // state.searchdate =date;
+      // // console.log(date, state.searchParam.startDate, state.searchParam.endDate);
+    };
+    //二级页面搜索
+    const searchFeeMonthlya = () => {
+      TeacherSystem()
+    }
+    //  List接口数据
+    const getTableDate = (obj) => {
+      state.tableLoading = true
+      let objA = { ...state.searchParam };
+      objA.summaryDate = state.searchdate ? dayjs(state.searchdate).format("YYYY-MM-DD") : "",
+      console.log(objA)
+      expenseSummaryList(objA)
+        .then((res) => {
+          tableData.value = res.data.data.records
+          state.tableDataTotal = Number(res.data.data.total);
+          state.tableLoading = false
+        })
+    };
+    getTableDate()
+    //重新汇总上月数据
+    const searchResetPrevious=()=>{
+      dialog({
+        content: '正在重新汇总上月数据，请稍后手动刷新列表...',
+        ok: () => {
+          CreateMonthSummary().then(res=>{
+            console.log(res,'ersssss')
+            getTableDate();
+          })
+        }
+      })
+    }
+     //重置
+     const searchReset = () => {
+      state.searchdate=null,
+        state.searchParam = { 
+          pageNo: "1",
+        pageSize: "10",
+        summaryDate: null,
+        trainOrgId: null,
+        };
+        getTableDate();
+      };
+    //   // 翻页
+    const changePagination = (page, pageSize) => {
+      state.searchParam.pageNo = page;
+      // state.pageNo = page;
+      state.searchParam.pageSize = pageSize;
+      getTableDate();
+    };
+    //二级列表翻页
+    const changeFeeDetailPagination = (page, pageSize) => {
+      state.queryFeeMonthly.pageNo = page;
+      state.currentPage2 = page;
+      state.pageSize2 = pageSize;
+      TeacherSystem()
+    };
+    //讲师信息弹窗
+    const handleModify = (record) => {
+      state.teacherdialog = true;
+      state.teacherdialogtitle = '月度统计详情'
+      TeacherSystem()
+    }
+    const TrainOrglist = ref([
+    ])
+    //获取培训发生组织
+    const TrainOrglista = () => {
+      getTrainOrg().then((res) => {
+        console.log(res,'ressss')
+        if (res.data.code === 200) {
+          let arr = res.data.data.records;
+          let array = [];
+          arr?.map((value) => {
+            let obj = {
+              value: value.id,
+                label: value.affiliationName,
+            };
+            array.push(obj);
+          });
+          TrainOrglist.value = array;
+        }
+        console.log("获取发薪地",TrainOrglist);
+      })
+    }
+    TrainOrglista()
+    //获取所属组织
+    const getOrganizationList = ref([
+      //   { value: 0, systemName: "讲师体系" },
+    ]);
+    //获取所属组织
+    const getOrganizationLista = () => {
+      // console.log('getOrganizationList')
+      getOrganization().then((res) => {
+        if (res.data.code === 200) {
+          let arr = res.data.data.records;
+          let array = [];
+          arr?.map((value) => {
+            let obj = {
+              value: value.affiliationCode,
+              label: value.affiliationName,
+            };
+            array.push(obj);
+          });
+          getOrganizationList.value = array;
+        }
+      })
+    }
+    getOrganizationLista()
+    //二级页面取消按钮
+    const cancelTeacherDialog = () => {
+      if (state.teacherdialog = true) {
+        state.teacherdialog = false
+        cancel()
+      }
+    };
+    //三级页面取消按钮
+    const cancelTeacherDialoga = () => {
+      state.teacherdialoga = false
+    };
+    //清空数据
+    const cancel = () => {
+      state.queryFeeMonthly = {
+        teacherNo: null,
+        trainOrgId: null,
+        departId: null,
+        pageNo: "1",
+        pageSize: "10"
+      }
+    }
+    //表格内查看数据操作
+    const handleLook = (record) => {
+      let id = record.id
+      const trainOrgId = record.trainOrgId
+      router.push({ path: '/MonthlyStatistics', query: { id,trainOrgId,name:'' } })
+      // state.teacherdialog = true;
+      // state.teacherdialogtitle = '讲师费月度统计详情'
+      // state.summaryDate = record.summaryDate;
+      // state.resbgTxt = record.resbgTxt
+      // state.queryFeeMonthly.summaryDate = record.summaryDate
+      // TeacherSystem()
+    }
+    const tableDataFeeDetail = ref([
+    ])
+    //详情 
+    const TeacherSystem = () => {
+      queryTeacherFeeMonthly(state.queryFeeMonthly).then((res) => {
+        // state.formParam=Object.assign({} ,res.data.data)
+        state.formParam = res.data.data
+        state.tableDataFeeDetailTotal = Number(res.data.data.total);
+        tableDataFeeDetail.value = res.data.data.records
+      })
+        .catch((err) => {
+          console.log("详情", err);
+        });
+    }
+    //二级页面列表
+    const columnsFeeDetail = ref([
+      {
+        title: '讲师工号',
+        dataIndex: 'teacherNo',
+        key: 'teacherNo',
+        ellipsis: true,
+        width: 150,
+      },
+      {
+        title: '讲师姓名 ',
+        dataIndex: 'teacherName',
+        key: 'teacherName',
+        ellipsis: true,
+        width: 150,
+      },
+      {
+        title: '所属组织 ',
+        dataIndex: 'teacherOrg',
+        key: 'teacherOrg',
+        ellipsis: true,
+        width: 150,
+      },
+      {
+        title: '讲师发薪地 ',
+        dataIndex: 'teacherpayrollPlace',
+        key: 'teacherpayrollPlace',
+        ellipsis: true,
+        width: 150,
+      },
+      {
+        title: '授课时长(系统 , H) ',
+        dataIndex: 'teachingTime',
+        key: 'teachingTime',
+        ellipsis: true,
+        width: 150,
+      },
+      {
+        title: '授课时长统计 ',
+        dataIndex: 'teachingTime',
+        key: 'teachingTime',
+        ellipsis: true,
+        width: 150,
+      },
+      {
+        title: '课酬基准 ',
+        dataIndex: 'teacherlevelPay',
+        key: 'teacherlevelPay',
+        ellipsis: true,
+        width: 150,
+      },
+      {
+        title: '计划费用 ',
+        dataIndex: 'expense',
+        key: 'expense',
+        ellipsis: true,
+        width: 150,
+      },
+      {
+        title: '应发费用 ',
+        dataIndex: 'payableExpense',
+        key: 'payableExpense',
+        ellipsis: true,
+        width: 150,
+      },
+      {
+        title: '操作 ',
+        dataIndex: 'operationa',
+        key: 'operationa',
+        ellipsis: true,
+        width: 300,
+        scopedSlots: { customRender: "action" },
+      },
+    ])
+    //二级页面表格内查看数据操作
+    const handleLooka = (record) => {
+      state.teacherdialoga = true
+      state.queryTeacherFeeDetail = {
+        teacherNo: record.teacherNo,
+        teachingDate: state.queryFeeMonthly.summaryDate,
+      }
+      state.querytableFee = {
+        teacherNo: record.teacherNo,
+        teachingDate: state.queryFeeMonthly.summaryDate,
+        pageNo: '1',
+        pageSize: '10',
+      }
+      teacherFeeDetailList()
+      teacherFeeList()
+    }
+    //三级页面 A 列表 getTeacherFeeDetailListByTeacherNo
+    const tableDetailList = ref([
+
+    ])
+    const teacherFeeDetailList = () => {
+      getTeacherFeeDetailListByTeacherNo(state.queryTeacherFeeDetail).then((res) => {
+        tableDetailList.value = res.data.data
+      }
+      )
+    }
+    //三级a列表
+    const columnstableDetailList = ref([
+      {
+        title: '讲师工号',
+        dataIndex: 'teacherNo',
+        key: 'teacherNo',
+        ellipsis: true,
+        width: 150,
+      },
+      {
+        title: '讲师姓名 ',
+        dataIndex: 'teacherName',
+        key: 'teacherName',
+        ellipsis: true,
+        width: 150,
+      },
+      {
+        title: '培训发生组织 ',
+        dataIndex: 'trainOrg',
+        key: 'trainOrg',
+        ellipsis: true,
+        width: 150,
+      },
+      {
+        title: '讲师发薪地 ',
+        dataIndex: 'teacherpayrollPlace',
+        key: 'teacherpayrollPlace',
+        ellipsis: true,
+        width: 150,
+      },
+      {
+        title: '授课时长统计(系统 , H) ',
+        dataIndex: 'teachingTime',
+        key: 'teachingTime',
+        ellipsis: true,
+        width: 150,
+      },
+      {
+        title: '授课时长统计(录入 , H) ',
+        dataIndex: 'inputteachingTime',
+        key: 'inputteachingTime',
+        ellipsis: true,
+        width: 150,
+      },
+      {
+        title: '授课时长统计(导入 , H) ',
+        dataIndex: 'importteachingTime',
+        key: 'importteachingTime',
+        ellipsis: true,
+        width: 150,
+      },
+      {
+        title: '课酬基准 ',
+        dataIndex: 'teacherlevelPay',
+        key: 'teacherlevelPay',
+        ellipsis: true,
+        width: 150,
+      },
+      {
+        title: '计划费用 ',
+        dataIndex: 'expense',
+        key: 'expense',
+        ellipsis: true,
+        width: 150,
+      },
+      {
+        title: '应发费用 ',
+        dataIndex: 'payableExpense',
+        key: 'payableExpense',
+        ellipsis: true,
+        width: 150,
+      },
+    ])
+    //三级页面 B 列表 getTeacherFeeListByTeacherNo
+    const tableFeeList = ref([])
+    const teacherFeeList = () => {
+      getTeacherFeeListByTeacherNo(state.querytableFee).then((res) => {
+        tableFeeList.value = res.data.data.records
+        console.log("获取tableFeeList", tableFeeList);
+      }
+      )
+    }
+    //三级b列表
+    const columnstableFeeList = ref([
+      {
+        title: '讲师级别',
+        dataIndex: 'levelName',
+        key: 'levelName',
+        ellipsis: true,
+        width: 150,
+      },
+      {
+        title: '认证状态 ',
+        dataIndex: 'certStatus',
+        key: 'certStatus',
+        ellipsis: true,
+        width: 150,
+        customRender: (value) => {
+          return (
+            <div>
+              {value.record.certStatus == 0 || value.record.certStatus == 1
+                ? {
+                  "0": "未认证",
+                  "1": "已认证",
+                }[value.record.certStatus + ""] || ""
+                : "-"}
+            </div>
+          )
+        }
+      },
+      {
+        title: '费用类型 ',
+        dataIndex: 'courseType',
+        key: 'courseType',
+        ellipsis: true,
+        width: 150,
+        customRender: (value) => {
+          return (
+            <div>
+              {value.record.courseType == "0" || value.record.courseType == "1" || value.record.courseTypeype == "2" || value.record.courseTypeype == "3" || value.record.courseTypeype == "4"
+                ? {
+                  "0": "在线",
+                  "1": "面授",
+                  "2": "授课",
+                  "3": "课程开发",
+                  "4": "作业员如模培训",
+                }[value.record.courseType + ""] || ""
+                : "-"}
+            </div>
+          )
+        }
+      },
+      {
+        title: '课程名称 ',
+        dataIndex: 'teachingDate',
+        key: 'teachingDate',
+        ellipsis: true,
+        width: 150,
+      },
+      {
+        title: '授课日期 ',
+        dataIndex: 'teachingDate',
+        key: 'teachingDate',
+        ellipsis: true,
+        width: 150,
+      },
+      {
+        title: '课程开发日期',
+        dataIndex: 'courseDevelopTime',
+        key: 'courseDevelopTime',
+        ellipsis: true,
+        width: 150,
+      },
+      {
+        title: '培训发生组织',
+        dataIndex: 'trainOrg',
+        key: 'trainOrg',
+        ellipsis: true,
+        width: 150,
+      },
+      {
+        title: '参训学员人数',
+        dataIndex: 'studentNum',
+        key: 'studentNum',
+        ellipsis: true,
+        width: 150,
+      },
+      {
+        title: '授课满意度 ',
+        dataIndex: 'courseAssess',
+        key: 'courseAssess',
+        ellipsis: true,
+        width: 150,
+      },
+      {
+        title: '授课时长(H) ',
+        dataIndex: 'teachingTime',
+        key: 'teachingTime',
+        ellipsis: true,
+        width: 150,
+      },
+      {
+        title: '课程开发时长 ',
+        dataIndex: 'courseDevelopDate',
+        key: 'courseDevelopDate',
+        ellipsis: true,
+        width: 150,
+      },
+      {
+        title: '操作 ',
+        dataIndex: 'operationc',
+        key: 'operationc',
+        ellipsis: true,
+        width: 300,
+        scopedSlots: { customRender: "action" },
+      },
+    ])
+    // 二级页面导出
+    const handleFeeMonthly = () => {
+      window.open(
+        `${process.env.VUE_APP_BASE_API}/teacher/fee/exportTeacherMonthlyFee?pageNo=${state.currentPage2
+        }&pageSize=${state.pageSize2}
+        &userNo=${state.queryFeeMonthly.trainOrgId ? state.queryFeeMonthly.trainOrgId : ""}
+        &teacherNo=${state.queryFeeMonthly.teacherNo ? state.queryFeeMonthly.teacherNo : ""}
+        &departId=${state.queryFeeMonthly.departId ? state.queryFeeMonthly.departId : ""}`)
+    }
+    //回车
+    const enterPressHadlerSearch = e => {
+  console.log("e",e);
+    if (e.keyCode === 13) {
+      searchSubmit()
+
+    }
+};
+    return {
+      ...toRefs(state), 
+      router,
+      enterPressHadlerSearch,
+      searchReset,
+      searchTimeChange,
+      handleFeeMonthly,
+      TeacherSystem,
+      handleLook,
+      handleLooka,
+      cancel,
+      cancelTeacherDialog,
+      cancelTeacherDialoga,
+      handleModify,
+      changePagination,
+      changeFeeDetailPagination,
+      getTableDate,
+      searchSubmit,
+      searchFeeMonthlya,
+      tableData,
+      columns,
+      TrainOrglist,
+      TrainOrglista,
+      tableDataFeeDetail,
+      columnsFeeDetail,
+      getOrganizationList,
+      getOrganizationLista,
+      tableDetailList,
+      teacherFeeDetailList,
+      tableFeeList,
+      teacherFeeList,
+      columnstableDetailList,
+      columnstableFeeList,
+      searchResetPrevious,
+
+    }
+  },
+};
+</script>
+<style lang="scss" scoped>
+//导出按钮icon
+.daochu {
+  width: 16px;
+  height: 18px;
+  background-image: url("../../assets/images/coursewareManage/export1.png");
+}
+
+//弹窗内详情样式
+.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;
+}
+
+.ExternalLecturer {  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;
+      .select {
+        margin-right: 20px;
+        margin-bottom: 10px;
+      }
+    }}
+
+.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: 30%;
+  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;
+      }
+    }
+  }
+}
+
+.CreatePath {
+  .out {
+    z-index: 9999;
+    display: block;
+    position: absolute;
+    top: 90px;
+    width: 1080px !important;
+    height: 650px;
+    overflow: auto;
+    background-color: #fff;
+
+    box-shadow: 0 0 10px rgba(118, 136, 166, 0.21);
+    left: 50%;
+    top: 300px;
+    transform: translate(-50%, -50%);
+
+    .top {
+      width: 100%;
+      height: 68px;
+
+      background: linear-gradient(rgba(78, 166, 255, 0.2) 0%,
+          rgba(78, 166, 255, 0) 100%);
+      display: flex;
+      align-items: center;
+
+      .topimg {
+        width: 18px;
+        height: 18px;
+        margin-left: 27px;
+        margin-top: -2px;
+      }
+
+      .topc {
+        color: #000000;
+        font-size: 16px;
+        margin-left: 8px;
+      }
+    }
+
+    .mid {
+      width: 100%;
+      height: 100%;
+      background-color: #fff;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+
+      .d {
+        // margin-top: 8px;
+        // color: #ff4e4e;
+        margin-left: -5px;
+      }
+    }
+  }
+}
+
+// 重置样式
+.resetbtn {
+  width: 100px;
+  height: 40px;
+  border-radius: 8px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-right: 14px;
+  flex-shrink: 0;
+  cursor: pointer;
+}
+
+//展开收起样式
+.moreidbtn {
+  border: none;
+  color: #4ea6ff;
+  width: 80px
+}
+
+//小竖线
+.line{
+  float:left; width: 3px; height: 25px; background: #4ea6ff;border-radius: 30%; margin-right: 5px;
+}
+//抽屉功能
+.drawaer
+/* 改变所有 a-tree-select 输入框的高度 */
+.ant-tree-select .ant-select-selection {
+  height: 40px;
+  line-height: 40px;
+  /* 确保文字垂直居中 */
+}
+.draitem{
+ width: 100%;
+  height: 40px !important; 
+  border-radius: 8px;
+  line-height: 40px;
+}
+.drabtn{
+  height:40px;
+  width:80px;
+  border-radius:8px;
+  margin-right:20px
+}
+::v-deep  .ant-select:not(.ant-select-customize-input) .ant-select-selector{
+  border-radius:8px;
+  height:40px;
+}
+.ant-col-12{
+  height:90px;
+}
+.item_inp {
+            flex: 1;
+            text-align: center ;
+            .i_upload_img {
+              width: 100px;
+              height: 100px;
+              border-radius: 8px;
+            }
+
+            .i_upload {
+              width: 100px;
+              height: 100px;
+              border: 1px solid #4ea6ff;
+              border-radius:50%;
+              text-align: center;
+              align-items: center;
+              cursor: pointer;
+
+              .addimg {
+                position: relative;
+
+                .heng {
+                  position: absolute;
+                  top: 50px;
+                  left: 25px;
+                  width: 50px;
+                  border: 1px solid #4ea6ff;
+                }
+
+                .shu {
+                  position: absolute;
+                  top: 25px;
+                  left: 50px;
+                  height: 50px;
+                  border: 1px solid #4ea6ff;
+                }
+              }
+            }
+
+            .ant-upload.ant-upload-select-picture-card {
+              border: 0px !important;
+              border-radius: 50%!important;
+            }
+          }
+          .ant-upload.ant-upload-select-picture-card {
+            border: 0px !important;
+              border-radius: 50%!important;
+          }
+          .tableBox {
+padding-bottom: 20px;
+margin: 20px 38px 30px;
+::v-deep .ant-select-dropdown{
+ display: inline-block;
+}
+::v-deep .ant-select-selection-item{
+margin-left: 3px;
+}
+::v-deep .ant-pagination-options-size-changer.ant-select{
+width: 84px;
+}
+.pa {
+width: 100%;
+display: flex;
+justify-content: right;
+}
+}
+</style>
+  
\ No newline at end of file
diff --git a/src/views/lecturer/LecturerList.vue b/src/views/lecturer/LecturerList.vue
new file mode 100644
index 00000000..bacec5b3
--- /dev/null
+++ b/src/views/lecturer/LecturerList.vue
@@ -0,0 +1,324 @@
+<!-- 讲师列表 -->
+<template>
+    <div class="LecturerList">
+      <div style="margin: 20px;margin-top:0;" >
+      <a-tabs v-model:activeKey="activeKey">
+    <a-tab-pane key="1" tab="内部讲师">
+<InsideLecturer/>
+       </a-tab-pane>
+    <a-tab-pane key="2" tab="外部讲师">
+    <ExternalLecturer/>
+       </a-tab-pane>
+  </a-tabs>
+    </div>
+          </div>
+  </template>
+  <script lang="jsx">
+  import { reactive, toRefs, ref, watch,onMounted } from "vue";
+  import InsideLecturer from "../lecturer/InsideLecturer.vue"
+  import ExternalLecturer from "../lecturer/ExternalLecturer.vue"
+  import { useRoute } from 'vue-router'
+  import { useStore } from 'vuex'
+   export default {
+    name: "LecturerList",
+    components: {
+      InsideLecturer,
+      ExternalLecturer
+    },
+    setup() {
+      const route = useRoute()
+      const store = useStore()
+      const state = reactive({
+        activeKey:'1'
+      })
+      watch(
+      )
+      onMounted(() => {
+        if(route.query.activeKey){
+          state.activeKey = route.query.activeKey
+        }
+      })
+     return {
+        ...toRefs(state),
+      }
+    },
+  };
+  </script>
+  <style lang="scss" scoped>
+  ::v-deep .ant-tabs-tab{
+    font-weight: 600;
+  }
+  .LecturerList {
+  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: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;
+    }
+  }
+}
+</style>
+    
\ No newline at end of file
diff --git a/src/views/lecturer/LecturerSystem.vue b/src/views/lecturer/LecturerSystem.vue
new file mode 100644
index 00000000..381f95f2
--- /dev/null
+++ b/src/views/lecturer/LecturerSystem.vue
@@ -0,0 +1,863 @@
+<!-- 讲师体系 -->
+<template>
+  <!-- 搜索框及按钮 -->
+  <div class="filter" style="min-width: 1380px; margin: 20px;">
+    <a-form layout="inline">
+      <a-form-item class="select">
+        <div style="width: 276px; height: 40px; border-radius: 8px">
+          <!-- <ProjectManager v-model:value="searchParam.userNo" v-model:name="searchParam.name" placeholder="请输入工号/讲师姓名进行检索"
+            @onChange="managerChange" mode="multiple"></ProjectManager> -->
+            <a-input v-model:value="searchParam.systemName" style="width: 260px; height: 40px; border-radius: 8px"
+            placeholder="请输入讲师体系/编号名进行检索" allowClear showSearch
+            v-on:keydown.enter="enterPressHadlerSearch">
+          </a-input>
+        </div>
+      </a-form-item> 
+      <div style="display: flex; margin-bottom: 20px">
+        <a-button @click="searchSubmit()" type="primary" class="resetbtn">查询 </a-button>
+        <!-- <div class="btn btn1" @click="searchReset" style="background:rgba(64, 158, 255, 0);" > -->
+        <!-- <div class="search"></div> -->
+        <a-button class="resetbtn " @click="searchReset">重置</a-button>
+      </div>
+    </a-form>
+    <div style="width: 100%;"></div>
+    <div style="display: flex; margin-bottom: 20px">
+      <a-button @click="addTeacher()" type="primary" class="resetbtn" style="width: 130px;">
+        <FolderAddOutlined /> 新增讲师体系
+      </a-button>
+    </div>
+    <a-table 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>
+            <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 type="link" @click="() => deleteModal(record, String(record.courseform))">删除</a-button>
+          </a-space>
+        </template>
+      </template>
+    </a-table>
+        <!-- 翻页 -->
+        <div class="tableBox ">
+      <div style="float: right;">
+
+        <a-pagination
+         
+        :showSizeChanger="false"
+        :showQuickJumper="true"
+        :hideOnSinglePage="true"
+        :pageSize="searchParam.pageSize"
+        :current="searchParam.pageNo"
+        :total="tableDataTotal"
+        class="pagination"
+        @change="changePagination"
+      />
+      </div>
+    </div>
+    <!-- 删除功能弹窗 -->
+    <div>
+      <a-modal v-model:visible="deleteInTeacherdialog" :footer="null" :closable="close" centered="true">
+        <div class="delete">
+          <div class="del_header"></div>
+          <div class="del_main">
+            <div class="header">
+              <div class="icon1"></div>
+              <span>提示</span>
+            </div>
+            <div class="body">
+              <span>您确定要删除当前组织吗</span>
+            </div>
+            <div class="del_btnbox">
+              <div class="del_btn btn2" @click="cancelTeacherDialog" style="margin-right: 32px">
+                <div class="btnText">取消</div>
+              </div>
+              <div class="del_btn btn2" @click="closeDeleteTeacher">
+                <div class="btnText">确定</div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </a-modal>
+    </div>
+    <!-- 抽屉 -->
+    <a-drawer v-model:visible="teacherdialog" placement="right" @closa="cancelTeacherDialog" :maskClosable="true"
+      width="60%" :title="teacherdialogtitle">
+      <a-form :model="formParam" :rules="rules" layout="vertical"    ref="formRef">
+        <a-row :gutter="16">
+          <a-col :span="24">
+            <span class="line"></span><span>讲师体系基本信息</span>
+          </a-col>
+        </a-row>
+        <a-row :gutter="16">
+          <a-col :span="12">
+            <a-form-item label="讲师体系编号" name="id">
+              <a-input disabled v-model:value="formParam.id" class="draitem" placeholder="" allowClear showSearch>
+              </a-input>
+            </a-form-item>
+          </a-col>
+          <a-col :span="12">
+            <a-form-item label="讲师体系名称" name="systemName">
+              <a-input v-model:value="formParam.systemName" class="draitem" placeholder="" allowClear showSearch>
+              </a-input>
+            </a-form-item>
+          </a-col>
+        </a-row>
+        <!-- 备注 remark -->
+        <a-row :gutter="16">
+          <a-col :span="24">
+            <a-form-item label="备注">
+              <a-textarea v-model:value="formParam.remark" showCount :maxlength="200"
+                style="width: 100%; height: 100px; border-radius: 8px" placeholder="请输入" />
+            </a-form-item>
+          </a-col>
+        </a-row>
+        <a-row :gutter="16">
+          <a-col :span="24">
+            <span class="line"></span><span>等级信息</span>
+          </a-col>
+        </a-row>
+        <a-row :gutter="16">
+          <a-col :span="20">
+        <div style="display: flex;justify-content:space-around; margin-bottom: 10px;">
+          <div >等级名称 </div>
+          <div> 等级课时 </div>
+          <div >排序 </div>
+          <div> 等级课酬 </div>
+          <div> 上线课时 </div>
+        </div>
+      </a-col>
+        </a-row>
+        <div v-for="(item,index) in formParam.levelList " :key="index" >
+          <a-row :gutter="16">
+          <a-col :span="4" >
+              <a-input v-model:value="item.levelName" class="draitem" placeholder="0" allowClear showSearch>
+              </a-input>
+          </a-col>
+          <a-col :span="4" style="height: 5px;">
+                <a-input v-model:value="item.levelTime "  class="draitem"
+                     placeholder="0" allowClear showSearch>
+                     </a-input>
+           </a-col>
+           <a-col :span="4">
+                     <a-input-number id="inputNumber" v-model:value="item.sort" :min="1" :max="999" class="draitem" />
+           </a-col>
+           <a-col :span="4"  style="margin-top: 5px;">
+                <a-input  v-model:value="item.levelPay"  class="draitem"
+                     placeholder="0" allowClear showSearch>
+                     </a-input>
+           </a-col>
+           <a-col :span="4" style="margin-top: 5px;">
+                <a-input  v-model:value="item.upperLimit"  class="draitem"
+                     placeholder="0" allowClear showSearch>
+                     </a-input>
+           </a-col>
+           <a-col :span="4"  style="margin-top: -10px; margin-bottom: 10px;">
+            <div style="display: flex;">
+                  <!-- <a-button v-if="index===0" shape="circle" class="btn-circle btn-add" @click="inputAdd">+</a-button> -->
+                  <a-button shape="circle" class="btn-circle" @click="inputRemove(index)" :disabled="formParam.levelList.length == 1">-</a-button>
+                </div>
+        <a-button shape="circle" class="btn-circle btn-add" @click="inputAdd">+</a-button>
+           </a-col>
+        </a-row>
+        </div>
+      </a-form>
+      <!-- 交互按钮 -->
+      <div :style="{
+        position: 'absolute',
+        right: 0,
+        bottom: 0,
+        width: '100%',
+        borderTop: '1px solid #e9e9e9',
+        padding: '10px 16px',
+        background: '#fff',
+        textAlign: 'right',
+        zIndex: 1,
+      }">
+        <a-button class="drabtn" @click="cancelTeacherDialog">取消</a-button>
+        <a-button class="drabtn" type="primary" @click="createTeacherDialog" :loading="buttonLoading">保存
+        </a-button>
+      </div>
+    </a-drawer>
+
+  </div>
+</template>
+<script lang="jsx">
+import { reactive, toRefs, ref, watch } from "vue";
+import { useRouter } from "vue-router";
+import {
+  FolderAddOutlined
+} from '@ant-design/icons-vue';
+import dialog from "@/utils/dialog";
+import { message } from "ant-design-vue";
+import ProjectManager from "@/components/project/ProjectManagerNew";
+import { systemList,addLecturerSystem ,deleteLecturerSystem,querySystemLevelByKid,updateSystem} from "../../api/organization";
+export default {
+  name: "LecturerSystem",
+  components: {
+    ProjectManager,
+    FolderAddOutlined,//图标--新增
+
+  },
+  
+  setup() {
+    const formRef = ref();
+    const router = useRouter();
+    const state = reactive({
+      vf:true,
+      tableDataTotal:-1,
+      tableLoading: false,
+      deleteInTeacherdialog: false,
+      teacherdialog: false,
+      teacherdialogtitle: null,
+      id: null,
+      searchParam: {
+        trainorgId: null,
+        userNo: null,
+        trainorgName: null,
+        pageNo: 1,
+        pageSize: 10
+      },
+      formParam: {
+        id:null,
+        systemCode: null,
+        systemName: null,
+        remark: null,
+        levelList:[{
+          levelName:null,
+          levelTime:null,
+          sort:1,
+          levelPay:null,
+          upperLimit:null
+        }, ]
+      }
+    })
+    function managerChange(e, l, d, t, orgName) {
+      console.log(e, l);
+      state.searchParam.trainorgId = d;
+      state.searchParam.name = t;
+      state.searchParam.trainorgName = orgName
+    }
+    const columns = ref([
+      {
+        title: '讲师体系编号 ',
+        dataIndex: 'id',
+        key: 'id',
+        ellipsis: true,
+        align: "center",
+        width: 200,
+      },
+      {
+        title: '讲师体系名称 ',
+        dataIndex: 'systemName',
+        key: 'systemName',
+        ellipsis: true, align: "center",
+        width: 600,
+      },
+      {
+        title: '备注 ',
+        dataIndex: 'remark',
+        key: 'remark',
+        ellipsis: true, align: "center",
+        width: 800,
+      },
+      {
+        title: '操作 ',
+        dataIndex: 'operation',
+        key: 'operation',
+        ellipsis: true,
+        width: 400,
+        align: "right",
+        scopedSlots: { customRender: "action" },
+      },
+    ])
+    //列表数据
+    const tableData = ref([
+      // { trainorgId: "讲师体系编号", trainorgName: "讲师体系名称", remark: "备注" }
+    ])
+    //  List接口数据
+    const getTableDate = (obj) => {
+      state.tableLoading = true
+      let objA = { ...state.searchParam };
+      systemList(objA).then((res) => {
+        tableData.value = res.data.data.records
+        state.tableDataTotal = Number(res.data.data.total);
+        state.tableLoading = false
+      })
+    };
+     getTableDate()
+    // 搜索
+    const searchSubmit = () => {
+      getTableDate();
+    };
+    //重置
+    const searchReset = () => {
+      state.searchParam = {
+        name: null,
+        userNo: null,
+        pageNo: 1,
+        pageSize: 10,
+      };
+      getTableDate();
+    };
+      //   // 翻页
+      const changePagination = (page, pageSize) => {
+        state.searchParam.pageNo = page;
+      // state.pageNo = page;
+      state.searchParam.pageSize = pageSize;
+      getTableDate();
+    };
+    //删除弹窗
+    const deleteModal = (record) => {
+      state.deleteInTeacherdialog = true
+      state.id = record.id
+    };
+    //确认删除
+    const closeDeleteTeacher = () => {
+      //调用删除接口
+      deleteLecturerSystem({id:state.id}).then((res) => {
+        if (res.data.code == 200) {
+          // message.success("删除成功");
+          state.deleteInTeacherdialog = false
+          getTableDate();
+        }
+      })
+    }
+    //取消按钮 清空输入的数据
+    const cancelTeacherDialog = () => {
+      if (state.teacherdialog = true) {
+        formRef.value.resetFields();
+        state.teacherdialog = false
+        cancel()
+      }
+      state.deleteInTeacherdialog = false
+      state.editTeacher = false
+    };
+    const addTeacher = () => {
+      state.teacherdialog = true,
+        state.teacherdialogtitle = "新增归属组织"
+        state.vf = true
+    }
+    //修改信息弹窗
+    const handleModify = (record) => {
+      state.teacherdialog = true;
+      state.teacherdialogtitle = '修改归属组织'
+      state.id = record.id
+      state.vf = false
+      TeacherSystem()
+    }
+    //查看
+    const TeacherSystem=()=>{
+      let obj = {
+            id : state.id,
+            pageNo:1,
+            pageSize:1
+        }
+        systemList(obj).then((res) => {
+        state.formParam = res.data.data.records[0]
+      })
+        .catch((err) => {
+        });
+        getteacherrecordstableData()
+    }
+    const getteacherrecordstableData = () => {
+      // api接口
+      querySystemLevelByKid({systemId: state.id}).then((res) => {
+       state.formParam.levelList = res.data.data
+      })
+    };
+    const cancel = () => {
+      state.formParam = {
+        id:null,
+        systemCode: null,
+        systemName: null,
+        remark: null,
+        levelList:[{
+          levelName:null,
+          levelTime:null,
+          sort:1,
+          levelPay:null,
+          upperLimit:null
+      }
+    ]
+     }
+    }
+    //保存
+    const createTeacherDialog = () => {
+      formRef.value
+        .validate()
+        .then(() => {
+          if (state.vf == false) {
+            updateSystem(state.formParam).then(response => {
+          message.success("编辑成功");
+          state.teacherdialog = false;
+          cancel()
+      getTableDate();
+        });
+      }
+      else {
+        addLecturerSystem(state.formParam)
+          .then((res) => {
+            message.success("新增成功");
+            state.teacherdialog = false;
+            cancel()
+      getTableDate();
+          }).catch((err) => {
+            console.log(err);
+          });
+        }
+        })
+        .catch(() => {
+          console.log('error', error);
+        });
+    };
+    const rules = {
+      id: [{ required: true, message: '讲师体系编号不能为空' }],
+      systemName: [{ required: true, message: '讲师体系名称不能为空' }],
+    }
+    const handleLook =(record)=>{
+      let id = record.id 
+      router.push({ path: '/LookLecturerSystem', query: { id } })
+    }
+    const inputAdd = ()=>{
+      state.formParam.levelList.push({
+          levelName:null,
+          levelTime:null,
+          sort:1,
+          levelPay:null,
+          upperLimit:null
+      });
+    }
+    const inputRemove=(index)=>{
+      dialog({
+    content: "确定删除此等级信息吗？",
+    ok: async () => {
+      state.formParam.levelList.splice(index, 1);
+      message.success("删除成功");
+    },
+  });
+    }
+        //回车
+        const enterPressHadlerSearch = e => {
+  console.log("e",e);
+    if (e.keyCode === 13) {
+      searchSubmit()
+
+    }
+};
+    return {
+      ...toRefs(state),
+      rules,
+      enterPressHadlerSearch,
+      formRef,
+      getteacherrecordstableData,
+      inputRemove,
+      inputAdd,
+      managerChange,
+      columns,
+      tableData,
+      getTableDate,
+      searchSubmit,
+      searchReset,
+      deleteModal,
+      cancelTeacherDialog,
+      addTeacher,
+      handleModify,
+      closeDeleteTeacher,
+      changePagination,
+      handleLook,
+      createTeacherDialog,
+      TeacherSystem,
+    }
+  }
+}
+
+</script>
+<style lang="scss" scoped>
+.add_content {
+  width: 40px;
+  height: 40px;
+  cursor: pointer;
+  border-radius: 50%;
+  background-color: #4ea6ff;
+  text-align: center;
+  line-height: 40px;
+  color: #ffffff;
+  font-size: 26px;
+}
+
+//导出按钮icon
+.daochu {
+  width: 16px;
+  height: 18px;
+  background-image: url("../../assets/images/coursewareManage/export1.png");
+}
+
+//弹窗内详情样式
+.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;
+}
+
+.InsideLecturer {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  position: relative;
+
+  .filter {
+    margin-left: 38px;
+    margin-right: 38px;
+    margin-top: 30px;
+    display: flex;
+    justify-content: space-between;
+    flex-wrap: wrap;
+
+    .select {
+      margin-right: 20px;
+      margin-bottom: 20px;
+    }
+  }
+}
+
+.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: 30%;
+  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;
+      }
+    }
+  }
+}
+
+.CreatePath {
+  .out {
+    z-index: 9999;
+    display: block;
+    position: absolute;
+    top: 90px;
+    width: 1080px !important;
+    height: 650px;
+    overflow: auto;
+    background-color: #fff;
+
+    box-shadow: 0 0 10px rgba(118, 136, 166, 0.21);
+    left: 50%;
+    top: 300px;
+    transform: translate(-50%, -50%);
+
+    .top {
+      width: 100%;
+      height: 68px;
+
+      background: linear-gradient(rgba(78, 166, 255, 0.2) 0%,
+          rgba(78, 166, 255, 0) 100%);
+      display: flex;
+      align-items: center;
+
+      .topimg {
+        width: 18px;
+        height: 18px;
+        margin-left: 27px;
+        margin-top: -2px;
+      }
+
+      .topc {
+        color: #000000;
+        font-size: 16px;
+        margin-left: 8px;
+      }
+    }
+
+    .mid {
+      width: 100%;
+      height: 100%;
+      background-color: #fff;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+
+      .d {
+        // margin-top: 8px;
+        // color: #ff4e4e;
+        margin-left: -5px;
+      }
+    }
+  }
+}
+
+// 重置样式
+.resetbtn {
+  width: 100px;
+  height: 40px;
+  border-radius: 8px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-right: 14px;
+  flex-shrink: 0;
+  cursor: pointer;
+}
+
+//展开收起样式
+.moreidbtn {
+  border: none;
+  color: #4ea6ff;
+  width: 80px
+}
+
+//小竖线
+.line {
+  float: left;
+  width: 3px;
+  height: 25px;
+  background: #4ea6ff;
+  border-radius: 30%;
+  margin-right: 5px;
+}
+
+//抽屉功能
+.drawaer
+
+/* 改变所有 a-tree-select 输入框的高度 */
+.ant-tree-select .ant-select-selection {
+  height: 40px;
+  line-height: 40px;
+  /* 确保文字垂直居中 */
+}
+
+.draitem {
+  width: 100%;
+  height: 40px !important;
+  border-radius: 8px;
+  line-height: 40px;
+}
+
+.drabtn {
+  height: 40px;
+  width: 80px;
+  border-radius: 8px;
+  margin-right: 20px
+}
+
+::v-deep .ant-select:not(.ant-select-customize-input) .ant-select-selector {
+  border-radius: 8px;
+  height: 40px;
+  line-height: 40px;
+}
+
+.ant-col-12 {
+  height: 80px;
+}
+
+.item_inp {
+  flex: 1;
+  text-align: center;
+
+  .i_upload_img {
+    width: 100px;
+    height: 100px;
+    border-radius: 8px;
+  }
+
+  .i_upload {
+    width: 100px;
+    height: 100px;
+    border: 1px solid #4ea6ff;
+    border-radius: 50%;
+    text-align: center;
+    align-items: center;
+    cursor: pointer;
+
+    .addimg {
+      position: relative;
+
+      .heng {
+        position: absolute;
+        top: 50px;
+        left: 25px;
+        width: 50px;
+        border: 1px solid #4ea6ff;
+      }
+
+      .shu {
+        position: absolute;
+        top: 25px;
+        left: 50px;
+        height: 50px;
+        border: 1px solid #4ea6ff;
+      }
+    }
+  }
+
+  .ant-upload.ant-upload-select-picture-card {
+    border: 0px !important;
+    border-radius: 50% !important;
+  }
+}
+
+.ant-upload.ant-upload-select-picture-card {
+  border: 0px !important;
+  border-radius: 50% !important;
+}
+.btn-circle{
+        text-align: center;
+        line-height: 100%;
+        margin-top: 5px;
+        .custom-icon{
+          font-size: 20px;
+          svg{
+            margin: auto;
+          }
+        }
+        span{
+          width: 100%;
+          height: 100%;
+          font-size: 33px;
+        }
+      }
+      .ant-col-12{
+  height:90px;
+}
+      </style>
\ No newline at end of file
diff --git a/src/views/lecturer/LookExternalLecturer.vue b/src/views/lecturer/LookExternalLecturer.vue
new file mode 100644
index 00000000..6e6aaf7e
--- /dev/null
+++ b/src/views/lecturer/LookExternalLecturer.vue
@@ -0,0 +1,438 @@
+
+<template>
+    <!-- 外部讲师查看详情 -->
+    <div class="LookExternalLecturer">
+    <!-- <a-layout-header style="background: white;color: black; font-size: 20px ;">
+     <span>查看讲师</span>
+     <router-link :to="{ path: '/lecturerList', query: { activeKey: '2', } }" class="goback">
+            <span class="return"></span>
+            <router-link class="returntext" :to="{ path: '/lecturerList', query: { activeKey: '2', } }" style="line-height:47px ">
+              返回
+            </router-link>
+          </router-link>
+     </a-layout-header> -->
+     <div class="header">
+        <div class="headerTitle">查看讲师</div>
+        <router-link :to="{ path: '/lecturerList', query: { activeKey: '2', } }">
+          <img
+            style="width: 29px; height: 29px; cursor: pointer"
+            src="../../assets/images/basicinfo/close.png"
+          />
+        </router-link>
+      </div>
+    <!-- <a-divider style="height: 1px; background-color: #b7b8b7 ;margin: 0;" /> -->
+    <a-layout-content>
+        <!-- 讲师信息 -->
+        <div style="width: 100%;margin-top: 10px;">
+        <span class="line" style="margin-left:12px;"></span>
+        <a-descriptions title="讲师信息" style="padding:0 20px;" bordered :column="3" :labelStyle="rowCenter">
+            <!-- 一层 -->
+    <a-descriptions-item label="讲师头像">  <a-image
+    :width="55" style="border-radius: 50%;"
+    :src=formParam.photo
+  /></a-descriptions-item>
+    <a-descriptions-item label="讲师姓名">{{formParam.name||'-'}}</a-descriptions-item>
+    <a-descriptions-item label="手机号码">{{formParam.mobile||'-'}}</a-descriptions-item>
+    <a-descriptions-item label="供应商">{{formParam.supplier||'-'}}</a-descriptions-item>
+    <a-descriptions-item label="讲师邮箱">{{formParam.email||'-'}}</a-descriptions-item>
+  <a-descriptions-item label="授课时长" :span="2">{{formParam.teaching||'-'}} 
+    <span style="margin-left: 5px;" v-if="formParam.teaching != null">分钟</span>
+    <span style="margin-left: 10px ; padding: 2px;" v-if="formParam.teaching != null">({{
+                (formParam.teaching / 60).toFixed(2) }}小时)</span>
+  </a-descriptions-item>
+  </a-descriptions>
+  <div style="margin-top: 10px;"></div>
+  <span class="line" style="margin-left:12px;"></span>
+  <!-- 记录 -->
+  <a-descriptions title="其他信息" bordered :column="4" style="padding:0 20px;" :labelStyle="rowCenter"  >
+            <!-- 一层 -->
+    <a-descriptions-item label="讲师介绍" :span="4" >
+      <div v-if="formParam.description !=null&&resp(formParam.description)"  style="min-width: 500px;" v-html="formParam.description" ></div>
+      <div v-else>-</div>
+     </a-descriptions-item>
+    <a-descriptions-item label="备注" :span="4">
+      <div v-if="formParam.remark ==null || formParam.remark =='<p><br></p>'"  style="min-width: 500px;">-  </div>
+      <!-- {{ formParam.remark }} -->
+      <!-- <div>
+        <a-tag color="#2db7f5"> -->
+      <div style="min-width: 500px;">{{formParam.remark  ===null?'':formParam.remark}}</div>
+      <!-- </a-tag>
+      </div> -->
+    </a-descriptions-item>
+  </a-descriptions>
+  <!--  -->
+  <div style="margin-top: 1px;"></div>
+  <a-tabs v-model:activeKey="activeKey" style="padding:0 20px;">
+    <a-tab-pane key="1" tab="授课记录">
+      <a-table :header-cell-style="{ 'text-align': 'center' }" :columns="teacherrecordsColumns"
+        :sroll="{ x: '1000' }"
+        :data-source="teacherrecordstableData" :loading="teacherrecordsLoading" @expand="expandTable" :pagination="pagination">
+        
+      </a-table>
+      <!-- <div style="float: right;">
+    
+          <a-pagination
+          v-if="tableDataTotal > 10"
+        :showSizeChanger="true"
+        :showQuickJumper="false"
+        :hideOnSinglePage="false"
+        :pageSize="searchParam.pageSize"
+        :current="searchParam.pageNo"
+        :total="tableDataTotal"
+        class="pagination"
+        @change="changePagination"
+      />
+          </div> -->
+       </a-tab-pane>
+   
+  </a-tabs>
+</div>
+    </a-layout-content>
+    </div>
+</template>
+<script lang ="jsx">
+import { useRouter,useRoute } from "vue-router";
+import { reactive, toRefs, ref,computed } from "vue"
+import {getTeacherById} from "../../api/Lecturer"; 
+import { getNewInTeacherCourseList  } from "../../api/Teaching";
+// import boe from '@/assets/boe.jpg'
+import avatar from '@/assets/avatar.png'
+import dayjs from "dayjs";
+export default{
+    name :"LookExternalLecturer",
+    components:{
+
+    },
+    setup(){
+        const router=useRouter();
+        const { query: { id }} = useRoute();
+        const state = reactive({
+            activeKey:'1',
+            id,
+            formParam: {
+      },
+      promotionrecordsLoading: false,  //晋级记录遮罩层
+      teacherrecordsLoading: false,// 授课记录遮罩层
+      teacherrecordstableDataTotal: 0,//授课记录列表总条数
+      teacherrepromotableDataTotal: -1,//晋级记录总条数
+      teacherrecords: {
+        recordType:2,
+        pageNo: "1",
+        pageSize: "10",
+        id: null
+      },
+      teacherrepromo:{
+        id:null,
+        pageNo: "1",
+        pageSize: "10",
+      }
+        });
+        
+          //外部讲师详情
+    const TeacherSystem = () => {
+      getTeacherById({id:state.id}).then((res) => {
+        console.log("内部讲师详情", res.data);
+        state.formParam = res.data.data
+        state.formParam.photo = state.formParam.photo ===null ?avatar : state.formParam.photo
+        state.formParam.teachingDate = res.data.data.teachingDate ? dayjs(res.data.data.teachingDate, 'YYYY-MM-DD HH:mm'):'',
+        getteacherrecordstableData()
+      })
+        .catch((err) => {
+          console.log("内部讲师详情", err);
+        });
+    }
+    TeacherSystem()
+           //返回上一层
+    const handleBack=()=>{
+      router.back()
+    };
+        //授课记录列表
+        const teacherrecordsColumns = ref([
+      // {
+      //   title: '课程编号',
+      //   dataIndex: 'offcourseId',
+      //   key: 'offcourseId',
+      //   ellipsis: true, align: "center",
+      //   width: 120,
+      // },
+      {
+        title: '课程编号',
+        dataIndex: 'courseId',
+        key: 'courseId',
+         align: "center",
+         customRender: ({text, index})=>{
+                return index+1;
+            },    
+        width: 120,
+      },
+      {
+        title: '课程名称',
+        dataIndex: 'courseName',
+        key: 'courseName',
+        ellipsis: true, align: "center",
+        width: 120,
+      },
+      {
+        title: '课程日期',
+        dataIndex: 'teachingDate',
+        key: 'teachingDate',
+        ellipsis: true, align: "center",
+        width: 200,
+        customRender: (value) => {
+          return (
+            <div>
+              {dayjs(value.record?.teachingDate).format("YYYY-MM-DD HH:mm")}
+            </div>
+          );
+        },
+      },
+      {
+        title: '内容分类',
+        dataIndex: 'courseTypeName',
+        key: 'courseTypeName',
+        ellipsis: true, align: "center",
+        width: 120,
+      },
+      {
+        title: '课程类型',
+        dataIndex: 'type',
+        key: 'type',
+        ellipsis: true, align: "center",
+        width: 120,
+        customRender: (value) => {
+          return (
+              <div>
+                {String(value.record.type)
+                  ? {
+                    "0": "在线课",
+                    "1": "面授课",
+                    "2": "课程开发",
+                    "3": "作业员入模培训",
+                    "4": "其他",
+                  }[value.record.type + ""]
+                  : "-"}
+              </div>
+            )
+        }
+      },
+      {
+        title: '学习总人数',
+        dataIndex: 'studys',
+        key: 'studys',
+        ellipsis: true, align: "center",
+        width: 120,
+      },
+      {
+        title: '授课时长(分钟)',
+        dataIndex: 'teaching',
+        key: 'teaching',
+        ellipsis: true, align: "center",
+        width: 120,
+      },
+      {
+        title: '评分',
+        dataIndex: 'score',
+        key: 'score',
+        ellipsis: true, align: "center",
+        width: 120,
+      },
+      {
+        title: '开课状态',
+        dataIndex: 'courseStatus',
+        key: 'courseStatus',
+        ellipsis: true, align: "center",
+        width: 120,
+        customRender: (value) => {
+          return (
+            <div>
+              {value.record.courseStatus == 0 || value.record.courseStatus == 1
+                ? {
+                  "0": "未开课",
+                  "1": "开课",
+                }[value.record.courseStatus + ""] || ""
+                : "-"}
+            </div>
+          )
+        }
+      },
+      {
+        title: '备注',
+        dataIndex: 'remark',
+        key: 'remark',
+        ellipsis: true, align: "center",
+        width: 120,
+        customRender: (text)=>{
+          return (
+            <div>
+              {text.record.remark || "-"}
+            </div>
+          )
+        }, 
+      },
+    ])
+    //授课记录列表数据
+    const teacherrecordstableData = ref([
+    ])
+    const getteacherrecordstableData = () => {
+      state.teacherrecordsLoading = true
+      state.teacherrecords.name  = state.formParam.name
+      let obj = { ...state.teacherrecords }
+      // api接口
+      getNewInTeacherCourseList(obj).then((res) => {
+        teacherrecordstableData.value = res.data.data.records
+        state.teacherrecordstableDataTotal = Number(res.data.data.total);
+        state.teacherrecordsLoading = false
+      })
+    };
+    const pagination = computed(() => ({
+      total: state.teacherrecordstableDataTotal,
+      showSizeChanger: true,
+      showQuickJumper:true,
+      current: state.teacherrecords.pageNo,
+      pageSize: state.teacherrecords.pageSize,
+      onChange: paginationChange,
+    }));
+    const paginationChange = (e,pageSize) => {
+      state.teacherrecords.pageNo = e;
+      state.teacherrecords.pageSize = pageSize
+      getteacherrecordstableData();
+    };
+    //授课翻页
+    const teacherchangePagination = (page) => {
+       state.searchParam.pageNo = page;
+      // state.pageNo = page;
+      state.searchParam.pageSize = pageSize;
+      getTableDate();
+      state.teacherrecords.pageNo = page;
+      getteacherrecordstableData();
+    };
+    const resp = (val) => {
+      if(val){
+        const reg = /<[^<>]+>/g;
+        const value = val.replace(reg, "");
+        return value
+      }
+
+
+    }
+        return{
+            ...toRefs(state),
+            router,
+            resp,
+            TeacherSystem,
+            handleBack,
+            rowCenter:{"text-align":"center",'width':'120px'},
+            teacherrecordstableData,
+      teacherrecordsColumns,
+      getteacherrecordstableData,
+      teacherchangePagination,
+      pagination,
+      paginationChange,
+        }
+    }
+}
+</script>
+<style lang="scss" scoped>
+
+.LookExternalLecturer {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  .header {
+    padding: 0px 32px;
+    height: 73px;
+    border-bottom: 1px solid #e8e8e8;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    // background-color: red;
+    // margin-bottom: 20px;
+    flex-shrink: 0;
+
+    .headerTitle {
+      font-size: 18px;
+      font-weight: 600;
+      color: #333333;
+      line-height: 25px;
+      // margin-left: 24px;
+    }
+  }
+  .filter {
+    margin-left: 38px;
+    margin-right: 38px;
+    margin-top: 30px;
+    display: flex;
+    justify-content: space-between;
+    flex-wrap: wrap;
+      .select {
+        margin-right: 20px;
+        margin-bottom: 20px;
+      }
+    }
+}
+.backbtn{
+    float: right;
+    margin-right: 20px;
+  border: none;
+  color: #4ea6ff;
+  width: 80px;
+  height:64px 
+}
+//小竖线
+.line{
+  float:left; width: 3px; height: 25px; background: #4ea6ff;border-radius: 30%; margin-right: 5px;
+}
+::v-deep .ant-descriptions-header{
+    margin-bottom: 10px ;
+}
+.goback {
+        float: right;
+        padding-right: 70px;
+        //padding-top: 37px;
+        position: relative;
+
+        .return {
+          display: inline-block;
+          width: 42px;
+          height: 42px;
+          margin-top: 12px;
+          margin-right: 10px;
+          background-image: url("../../assets/images/projectadd/return.png");
+        }
+
+        .returntext {
+          display: inline-block;
+          position: absolute;
+          top: 12px;
+          color: #4ea6ff;
+          font-size: 14px;
+        }
+      }
+      
+::v-deep .ant-select-selection-overflow-item {
+  margin-top: -2px;
+}
+
+::v-deep .ant-select-multiple .ant-select-selection-item {
+  height: 34px
+}
+.tableBox {
+padding-bottom: 20px;
+margin: 20px 38px 30px;
+::v-deep .ant-select-dropdown{
+ display: inline-block;
+}
+::v-deep .ant-select-selection-item{
+margin-left: 3px;
+}
+::v-deep .ant-pagination-options-size-changer.ant-select{
+width: 84px;
+}
+.pa {
+width: 100%;
+display: flex;
+justify-content: right;
+}
+}
+</style>
\ No newline at end of file
diff --git a/src/views/lecturer/LookInsideLecturer.vue b/src/views/lecturer/LookInsideLecturer.vue
new file mode 100644
index 00000000..30dacaf2
--- /dev/null
+++ b/src/views/lecturer/LookInsideLecturer.vue
@@ -0,0 +1,584 @@
+<template>
+    <!-- 内部讲师查看详情 -->
+    <div class="LookInsideLecturer">
+    <!-- <a-layout-header style="background: white;color: black; font-size: 20px ;">
+     <span>查看讲师</span>
+     <router-link :to="{ path: '/lecturerList', query: { activeKey: '1', } }" class="goback">
+            <span class="return"></span>
+           
+            <div class="returntext" to="/goback" style="line-height:47px ">
+              返回
+              </div>
+          </router-link>
+     </a-layout-header> -->
+     <div class="header">
+        <div class="headerTitle">查看讲师</div>
+        <router-link :to="{ path: '/lecturerList', query: { activeKey: '1', } }">
+          <img
+            style="width: 29px; height: 29px; cursor: pointer"
+            src="../../assets/images/basicinfo/close.png"
+          />
+        </router-link>
+      </div>
+    <!-- <a-divider style="height: 1px; background-color: #b7b8b7 ;margin: 0;" /> -->
+    <a-layout-content>
+        <!-- 讲师信息 -->
+        <div style="width: 100%;margin-top: 10px;padding: 20px;">
+        <span class="line"></span>
+        <a-descriptions title="讲师信息" bordered :column="4" :contentStyle="rowCenter" :labelStyle="rowCenters">
+            <!-- 一层 -->
+    <a-descriptions-item label="讲师头像">
+      <!-- <a-avatar :src="formParam.photo" /> -->
+      <a-image :width="55" style="border-radius: 50%;" :src=formParam.photo />
+    </a-descriptions-item>
+    <!-- <a-descriptions-item label="讲师工号">{{formParam.userNo}}</a-descriptions-item> -->
+    <a-descriptions-item label="讲师姓名">{{formParam.name}}/{{formParam.userNo}}</a-descriptions-item>
+    <a-descriptions-item label="讲师体系">{{formParam.tsystemName || '-'}}</a-descriptions-item>
+    <!-- 二层 -->
+    <a-descriptions-item label="讲师级别">{{formParam.tlevelName||'-'}}</a-descriptions-item>
+    <a-descriptions-item label="认证状态">{{ formParam.certStatus==0?'未认证' :formParam.certStatus==1 ?'已认证':'-'}}
+      <span>
+                  <a-button type="text" class="moreidbtn" v-if="formParam.certStatus == 1"
+                    @click="handleup">查看认证资料</a-button>
+                </span>
+    </a-descriptions-item>
+    <a-descriptions-item label="授课时长"> <span v-if="formParam.teaching!= null" >{{ (Number(formParam.teaching) /60 ).toFixed(2)}}小时</span><span v-else>-</span>
+           </a-descriptions-item>
+    <a-descriptions-item label="发薪地  ">{{formParam.salaryName||'-'}}</a-descriptions-item>
+    <!-- 三层 -->
+    <a-descriptions-item label="在职状态">{{formParam.waitStatus=='0'?'在职' :formParam.waitStatus=='1' ?'离职':'-'}}</a-descriptions-item>
+    <a-descriptions-item label="账号状态">{{formParam.status=='0'?'临时' :formParam.status=='1' ?'启用':formParam.status==2 ?'停用':'-'}}</a-descriptions-item>
+    <a-descriptions-item label="创建方式">{{formParam.createFrom=='0'?'自动录入' :formParam.createFrom=='1'?'手动录入':'-'}}</a-descriptions-item>
+    <a-descriptions-item style="max-width: 400px;" label="所属组织" >
+      <!-- <a-popover title="所属组织"> -->
+                <!-- <template #content>
+                  {{ formParam.orgName }}
+                </template> -->
+                <span :title="formParam.orgName">{{ formParam.orgNames || '-' }}</span>
+              <!-- </a-popover> -->
+    </a-descriptions-item>
+  </a-descriptions>
+  <div style="margin-top: 10px;"></div>
+  <span class="line" ></span>
+  <a-descriptions title="其他信息" bordered :column="4" :contentStyle="rowCenter" :labelStyle="rowCenters"  >
+            <!-- 一层 -->
+    <a-descriptions-item style="max-width: 200px;" label="讲师介绍" :span="4" >
+      <div v-if="formParam.description !=null&&resp(formParam.description)"  style="min-width: 500px;" v-html="formParam.description" ></div>
+      <div v-else>-</div>
+     </a-descriptions-item>
+    <a-descriptions-item label="工作职责" :span="4">
+      <div v-if="formParam.workExperience !=null&&resp(formParam.workExperience)"  style="min-width: 500px;" v-html="formParam.workExperience" ></div>
+      <div v-else>-</div>
+      </a-descriptions-item>
+    <a-descriptions-item label="擅长课程" :span="4">
+      <div v-if="formParam.courses !=null&&resp(formParam.courses)"  style="min-width: 500px;" v-html="formParam.courses" ></div>
+      <div v-else>-</div>
+      </a-descriptions-item>
+    <a-descriptions-item label="教师专长" :span="4">
+      <a-tag v-if="formParam.expertiseNames" color="blue" style="margin-right:10px" v-for="item in formParam.expertiseNames?.split(',')">{{item}}</a-tag>
+      <span v-else>-</span>
+    </a-descriptions-item>
+  </a-descriptions>
+  <!-- 记录 -->
+  <div style="margin-top: 1px;"></div>
+  <a-tabs v-model:activeKey="activeKey">
+    <a-tab-pane key="1" tab="授课记录">
+      <a-table :header-cell-style="{ 'text-align': 'center' }" :columns="teacherrecordsColumns"
+        
+        :data-source="teacherrecordstableData" :loading="teacherrecordsLoading" :scroll="{ x: '1000' }" :pagination="pagination">
+        <!-- <template #bodyCell="{  record,  column }" >
+            <template v-if="column.key === 'remark'">
+              <a-space style="display:flex ;justify-content: space-around;  ">
+                <a-popover>
+    <template #content>
+      <p>{{ record.remark }}</p>
+    </template>
+    <span>{{ record.remark }}</span>
+  </a-popover>
+              </a-space>
+            </template>
+        </template> -->
+      </a-table>
+      <div style="float: right;">
+        <a-pagination
+          v-if="tableDataTotal > 10"
+        :showSizeChanger="true"
+        :showQuickJumper="false"
+        :hideOnSinglePage="false"
+        :pageSize="searchParam.pageSize"
+        :current="searchParam.pageNo"
+        :total="tableDataTotal"
+        class="pagination"
+        @change="changePagination"
+      />
+          </div>
+       </a-tab-pane>
+    <a-tab-pane key="2" tab="晋级记录">
+      <a-table :header-cell-style="{ 'text-align': 'center' }" style="border: 1px solid #f2f6fe" :columns="promotionrecordsColumns"
+        
+          :data-source="promotionrecordstableData" :loading="promotionrecordsLoading" @expand="expandTable" :pagination="false">
+          <template #bodyCell="{ record, column,index }" >
+          </template>
+        </a-table>
+        <div style="float: right;">
+          <a-pagination
+          v-if="teacherrepromotableDataTotal > 10"
+        :showSizeChanger="true"
+        :showQuickJumper="false"
+        :hideOnSinglePage="true"
+        :pageSize="teacherrepromo.pageSize"
+        :current="teacherrepromo.pageNo"
+        :total="teacherrepromotableDataTotal"
+        class="pagination"
+        @change="teacherrepromoPagination"
+      />
+          </div>
+       </a-tab-pane>
+  </a-tabs>
+</div>
+    </a-layout-content>
+    </div>
+</template>
+<script lang ="jsx">
+import { useRouter,useRoute } from "vue-router";
+import { reactive, toRefs, ref,  computed,watch } from "vue"
+import { useStore } from "vuex";
+import {getTeacherById ,getTeacherLogList} from "../../api/Lecturer"; 
+import { getNewInTeacherCourseList  } from "../../api/Teaching";
+// import boe from '@/assets/boe.jpg'
+import avatar from '@/assets/avatar.png'
+import Avatarman from '@/assets/Avatarman.png'
+import Avatarwoman from '@/assets/Avatarwoman.png'
+import dayjs from "dayjs";
+export default{
+    name :"LookInsideLecturer",
+    components:{
+
+    },
+    setup(){
+        const router=useRouter();
+        const { query: { id }} = useRoute();
+        const state = reactive({
+            activeKey:'1',
+            id,
+            formParam: {
+      },
+      promotionrecordsLoading: false,  //晋级记录遮罩层
+      teacherrecordsLoading: false,// 授课记录遮罩层
+      teacherrecordstableDataTotal: 0,//授课记录列表总条数
+      teacherrepromotableDataTotal: -1,//晋级记录总条数
+      teacherrecords: {
+        recordType:1,
+        pageNo: "1",
+        pageSize: "10",
+        id: null
+      },
+      teacherrepromo:{
+        userId:null,
+        pageNo: "1",
+        pageSize: "10",
+      }
+        });
+        watch(() => state.formParam.orgName, (val) => {
+          if(val){
+            const parts = val.split('/');
+            const reversedParts = parts.reverse();
+            state.formParam.orgNames = reversedParts.join('/'); 
+          }
+        })
+        
+          //内部讲师详情
+    const TeacherSystem = () => {
+      getTeacherById({id:state.id}).then((res) => {
+        let objA= res.data.data
+        console.log(objA ,'11111111111')
+          state.formParam = objA
+        state.formParam.photo = state.formParam.photo ==null ?
+        state.formParam.gender == 1 ? Avatarman : 
+        state.formParam.gender ==2 ? Avatarwoman : avatar : state.formParam.photo
+        state.teacherrepromo.userId=res.data.data.id
+        console.log(state.teacherrepromo.id);
+        getteacherrecordstableData()
+        promotionrecordstableData.value = res.data.data.levelLogList
+        // getpromotionrecordstableData()
+      })
+        .catch((err) => {
+          console.log("内部讲师详情", err);
+        });
+    }
+    TeacherSystem()
+    const resp = (val) => {
+      if(val){
+        const reg = /<[^<>]+>/g;
+        const value = val.replace(reg, "");
+        return value
+      }
+    }
+        //授课记录列表
+        const teacherrecordsColumns = ref([
+      {
+        title: '课程编号',
+        dataIndex: 'courseId',
+        key: 'courseId',
+         align: "center",
+         customRender: ({text, index})=>{
+                return index+1;
+            },
+            
+        width: 120,
+      },
+      {
+        title: '课程名称',
+        dataIndex: 'courseName',
+        key: 'courseName',
+        ellipsis: true,
+        align: "center",
+        width: 120,
+      },
+      {
+        title: '课程日期',
+        dataIndex: 'teachingDate',
+        key: 'teachingDate',
+        ellipsis: true, align: "center",
+        width: 200,
+        customRender: (value) => {
+          return (
+            <div>
+              {dayjs(value.record?.teachingDate).format("YYYY-MM-DD HH:mm")}
+            </div>
+          );
+        },
+      },
+      {
+          title: "内容分类",
+          width: 100,
+          dataIndex: "courseTypeName",
+          ellipsis: true,
+          key: "keywords",
+          align: "center",
+          // customRender: ({ record,text }) =>
+          // `${getSysTypeMap(record.sysType1, record.sysTypeId)?getSysTypeMap(record.sysType1) : ""}
+          // ${getSysTypeMap(record.sysType2, record.sysTypeId)?'-'+getSysTypeMap(record.sysType2) : ""}
+          // ${getSysTypeMap(record.sysType3, record.sysTypeId)?'-'+getSysTypeMap(record.sysType3) : ""}
+          // `
+        },
+      {
+        title: '课程类型',
+        dataIndex: 'type',
+        key: 'type',
+        ellipsis: true, align: "center",
+        width: 120,
+        customRender: (value) => {
+          return (
+              <div>
+                {String(value.record.type)
+                  ? {
+                    "0": "在线课",
+                    "1": "面授课",
+                    "2": "课程开发",
+                    "3": "作业员入模培训",
+                    "4": "其他",
+                  }[value.record.type + ""]
+                  : "-"}
+              </div>
+            )
+        }
+      },
+      {
+        title: '学习总人数',
+        dataIndex: 'studys',
+        key: 'studys',
+        ellipsis: true, align: "center",
+        width: 120,
+      },
+      {
+        title: '授课时长(分钟)',
+        dataIndex: 'teaching',
+        key: 'teaching',
+        ellipsis: true, align: "center",
+        width: 120,
+      },
+      {
+        title: '评分',
+        dataIndex: 'score',
+        key: 'score',
+        ellipsis: true, align: "center",
+        width: 120,
+      },
+      {
+        title: '开课状态',
+        dataIndex: 'courseStatus ',
+        key: 'courseStatus ',
+        ellipsis: true, align: "center",
+        width: 120,
+        customRender: (value) => {
+          return (
+            <div>
+              {value.record.courseStatus == 0 || value.record.courseStatus == 1
+                ? {
+                  "0": "未开课",
+                  "1": "开课",
+                }[value.record.courseStatus + ""] || ""
+                : "-"}
+            </div>
+          )
+        }
+      },
+      {
+        title: '备注',
+        dataIndex: 'remark ',
+        key: 'remark ',
+        ellipsis: true,
+        align: "center",
+        width: 120,
+        // scopedSlots: { customRender: "remark" },
+        customRender: (value) => {
+          return (
+            <div>{value.record.remark || '-'}</div>
+          )
+        }
+      },
+    ])
+    //授课记录列表数据
+    const teacherrecordstableData = ref([
+    ])
+    const getteacherrecordstableData = () => {
+      state.teacherrecordsLoading = true
+      state.teacherrecords.name = state.formParam.name
+      let obj = { ...state.teacherrecords }
+      // api接口
+      getNewInTeacherCourseList(obj).then((res) => {
+        console.log(res);
+        teacherrecordstableData.value = res.data.data.records
+        state.teacherrecordstableDataTotal = Number(res.data.data.total);
+        state.teacherrecordsLoading = false
+      
+      })
+    };
+    const pagination = computed(() => ({
+      total: state.teacherrecordstableDataTotal,
+      showSizeChanger: true,
+      showQuickJumper:true,
+      current: state.teacherrecords.pageNo,
+      pageSize: state.teacherrecords.pageSize,
+      onChange: paginationChange,
+    }));
+    const paginationChange = (e,pageSize) => {
+      state.teacherrecords.pageNo = e;
+      state.teacherrecords.pageSize = pageSize
+      getteacherrecordstableData();
+    };
+    //授课翻页
+    const teacherchangePagination = (page) => {
+      state.teacherrecords.pageNo = page;
+      // state.pageNo = page;
+      state.teacherrecords.pageSize = pageSize;
+      getteacherrecordstableData();
+    };
+    //晋级记录翻页
+    const teacherrepromoPagination = (page) => {
+      state.teacherrepromo.pageNo = page;
+      // getpromotionrecordstableData();
+    };
+        //晋级记录列表
+        const promotionrecordsColumns = ref([
+      {
+        title: '变更时间',
+        dataIndex: 'createTime',
+        key: 'createTime',
+        ellipsis: true, align: "center",
+        width: 120,
+      },
+      {
+        title: '变更方式',
+        dataIndex: 'type',
+        key: 'type',
+        ellipsis: true, align: "center",
+        width: 120,
+        customRender: (value) => {
+          return (
+            <div>
+              {value.record.type == 1 ? "自动" : value.record.type == 0 ? '手动':"-"}
+            </div>
+          )
+        }
+      },
+      {
+        title: '变更结果',
+        dataIndex: 'result',
+        key: 'result',
+        ellipsis: true, align: "center",
+        width: 120,
+      },
+      {
+        title: '操作人',
+        dataIndex: 'updateName',
+        key: 'updateName',
+        ellipsis: true, align: "center",
+        width: 120,
+      },
+    ])
+    //晋级记录列表数据
+    const promotionrecordstableData = ref([
+    ])
+    // const getpromotionrecordstableData = () => {
+    //   state.promotionrecordsLoading = true
+    //   // state.teacherrepromo.kid = state.kid
+    //   getTeacherLogList(state.teacherrepromo).then((res) => {
+    //     promotionrecordstableData.value = res.data.data.records
+    //     state.teacherrepromotableDataTotal = Number(res.data.data.total);
+    //   })
+    //   state.promotionrecordsLoading = false
+    // };
+    const goback = ()=>{
+      router.back()
+    }
+    const store = useStore();
+    //  // 内容分类
+    //  const sysTypeOptions = computed(() => {return store.state.content_type;});
+    //     //内容分类
+    //     const getSysTypeMap = (code) => {
+    //   if(code=="")return
+    //   // console.log(store.state.sysTypeMap,'map集合');
+    //   return store.state.sysTypeMap.get(code)
+    // }
+    // getSysTypeMap()
+const handleup = ()=>{
+  window.open (
+    `${process.env.VUE_APP_BOE_API_URL}/upload${state.formParam.certification}`
+  );
+}
+        return{
+            ...toRefs(state),
+            router,
+            goback,
+            handleup,
+            // getSysTypeMap,
+            // sysTypeOptions,
+            TeacherSystem,
+            rowCenter:{"text-align":"left"},
+            rowCenters:{"text-align":"center",'width':'160px'},
+            teacherrecordstableData,
+      teacherrecordsColumns,
+      resp,
+      getteacherrecordstableData,
+      teacherchangePagination,
+      pagination,
+      paginationChange,
+      teacherrepromoPagination,
+      promotionrecordsColumns,
+      promotionrecordstableData,
+      // getpromotionrecordstableData,
+        }
+    }
+}
+</script>
+<style lang="scss" scoped>
+.LookInsideLecturer {
+  .header {
+    padding: 0px 32px;
+    height: 73px;
+    border-bottom: 1px solid #e8e8e8;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    // background-color: red;
+    // margin-bottom: 20px;
+    flex-shrink: 0;
+
+    .headerTitle {
+      font-size: 18px;
+      font-weight: 600;
+      color: #333333;
+      line-height: 25px;
+      // margin-left: 24px;
+    }
+  }
+  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;
+      .select {
+        margin-right: 20px;
+        margin-bottom: 20px;
+      }
+    }
+}
+.backbtn{
+    float: right;
+    margin-right: 20px;
+  border: none;
+  color: #4ea6ff;
+  width: 80px;
+  height:64px 
+}
+//小竖线
+.line{
+  float:left; width: 3px; height: 25px; background: #4ea6ff;border-radius: 30%; margin-right: 5px;
+}
+::v-deep .ant-descriptions-header{
+    margin-bottom: 10px ;
+}
+.goback {
+        float: right;
+        padding-right: 70px;
+        //padding-top: 37px;
+        position: relative;
+
+        .return {
+          display: inline-block;
+          width: 42px;
+          height: 42px;
+          margin-top: 12px;
+          margin-right: 10px;
+          background-image: url("../../assets/images/projectadd/return.png");
+        }
+
+        .returntext {
+          display: inline-block;
+          position: absolute;
+          top: 12px;
+          color: #4ea6ff;
+          font-size: 14px;
+        }
+      }
+      .moreidbtn {
+  border: none;
+  color: #4ea6ff;
+  width: 80px
+}
+
+::v-deep .ant-select-selection-overflow-item {
+  margin-top: -2px;
+}
+
+::v-deep .ant-select-multiple .ant-select-selection-item {
+  height: 34px
+}
+.tableBox {
+padding-bottom: 20px;
+margin: 20px 38px 30px;
+::v-deep .ant-select-dropdown{
+ display: inline-block;
+}
+::v-deep .ant-select-selection-item{
+margin-left: 3px;
+}
+::v-deep .ant-pagination-options-size-changer.ant-select{
+width: 84px;
+}
+.pa {
+width: 100%;
+display: flex;
+justify-content: right;
+}
+}
+</style>
\ No newline at end of file
diff --git a/src/views/lecturer/LookLecturerSystem.vue b/src/views/lecturer/LookLecturerSystem.vue
new file mode 100644
index 00000000..e616ab20
--- /dev/null
+++ b/src/views/lecturer/LookLecturerSystem.vue
@@ -0,0 +1,265 @@
+
+ExternalLecturer
+<template>
+    <!-- 讲师体系查看详情 -->
+    <div class="LookLecturerSystem">
+    <a-layout-header style="background: white;color: black; font-size: 20px ;">
+     <span>讲师体系管理</span>
+     <router-link to="/lecturerSystem" class="goback">
+            <span class="return"></span>
+            <router-link class="returntext" to="/lecturerSystem" style="line-height:47px ">
+              返回
+            </router-link>
+          </router-link>
+     </a-layout-header>
+    <a-divider style="height: 1px; background-color: #b7b8b7 ;margin: 0;" />
+    <a-layout-content>
+        <!-- 讲师信息 -->
+        <div style="width: 100%;margin-top: 10px;">
+        <span class="line"></span>
+            <span>讲师信息</span>
+        <a-descriptions title="" bordered :column="2" :labelStyle="rowCenter">
+    <a-descriptions-item label="讲师体系编号">{{formParam.kid}}</a-descriptions-item>
+    <a-descriptions-item label="讲师体系名称">{{formParam.systemName}}</a-descriptions-item>
+  <a-descriptions-item label="备注" :span="2">{{formParam.remark}}</a-descriptions-item>
+  </a-descriptions>
+  <!-- 记录 -->
+  <div style="margin-top: 10px;"></div>
+  <span class="line"></span>
+            <span>讲师等级</span>
+      <a-table :header-cell-style="{ 'text-align': 'center' }" style="border: 1px solid #f2f6fe" :columns="teacherrecordsColumns"
+        
+        :data-source="teacherrecordstableData" :loading="teacherrecordsLoading" @expand="expandTable" :pagination="false">
+        <template #bodyCell="{  record,  column }" >
+            <!-- 鼠标悬停提示 -->
+            <template v-if="column.key === 'remark'">
+              <a-space style="display:flex ;justify-content: space-around;  ">
+                <a-popover>
+    <template #content>
+      <p>{{ record.remark }}</p>
+    </template> 
+    <span>{{ record.remark }}</span> 
+  </a-popover>
+              </a-space>
+            </template>
+        </template>
+      </a-table>
+      <div style="float: right;">
+      <a-pagination
+            v-if="teacherrecordstableDataTotal > 10"
+            :showSizeChanger="true" :showQuickJumper="false"
+          :hideOnSinglePage="true"
+            :pageSize="pageSize"
+            v-model:current="teacherrecords.pageNo"
+            :total="teacherrecordstableDataTotal"
+            class="pagination"
+            @change="teacherchangePagination"
+          />
+          </div>
+</div>
+    </a-layout-content>
+    </div>
+</template>
+<script lang ="jsx">
+import { useRouter,useRoute } from "vue-router";
+import { reactive, toRefs, ref } from "vue"
+import { querySystemLevelByKid ,systemList} from "../../api/organization";
+export default{
+    name :"LookLecturerSystem",
+    components:{
+
+    },
+    setup(){
+        const router=useRouter();
+        const { query: { id }} = useRoute();
+        const state = reactive({
+            activeKey:'1',
+            id,
+            formParam: {
+      },
+      teacherrecordsLoading: false,// 遮罩层
+      teacherrecordstableDataTotal: -1,//授课记录列表总条数\
+        });
+        
+          //详情
+    const TeacherSystem = () => {
+        let obj = {
+            id :state.id,
+            pageNo:1,
+            pageSize:1
+        }
+        systemList(obj).then((res) => {
+        state.formParam = res.data.data.records[0]
+      })
+        .catch((err) => {
+        });
+    }
+    TeacherSystem()
+           //返回上一层
+    const handleBack=()=>{
+      router.back()
+    };
+        //列表
+        const teacherrecordsColumns = ref([
+      {
+        title: '等级名称',
+        dataIndex: 'levelName',
+        key: 'levelName',
+        ellipsis: true, align: "center",
+        width: 120,
+      },
+      {
+        title: '等级课时',
+        dataIndex: 'levelTime',
+        key: 'levelTime',
+        ellipsis: true, align: "center",
+        width: 120,
+      },
+      {
+        title: '排序',
+        dataIndex: 'sort',
+        key: 'sort',
+        ellipsis: true, align: "center",
+        width: 120,
+      },
+      {
+        title: '等级课酬',
+        dataIndex: 'levelPay',
+        key: 'levelPay',
+        ellipsis: true, align: "center",
+        width: 120,
+      },
+      {
+        title: '上线课时',
+        dataIndex: 'upperLimit',
+        key: 'upperLimit',
+        ellipsis: true, align: "center",
+        width: 120,
+      },
+      {
+        title: '讲师数量',
+        dataIndex: 'teacherCount',
+        key: 'teacherCount',
+        ellipsis: true, align: "center",
+        width: 120,
+      },
+    ])
+    //列表数据
+    const teacherrecordstableData = ref([
+    ])
+    const getteacherrecordstableData = () => {
+      // api接口
+      querySystemLevelByKid({systemId: state.id}).then((res) => {
+        teacherrecordstableData.value = res.data.data
+        state.teacherrecordstableDataTotal = Number(res.data.data.total);
+        state.teacherrecordsLoading = false
+      })
+    };
+    getteacherrecordstableData()
+    //翻页
+    const teacherchangePagination = (page) => {
+      state.teacherrecords.pageNo = page;
+      // state.pageNo = page;
+      state.teacherrecords.pageSize = pageSize;
+      getteacherrecordstableData();
+    };
+        return{
+            ...toRefs(state),
+            router,
+            TeacherSystem,
+            handleBack,
+            rowCenter:{"text-align":"center"},
+            teacherrecordstableData,
+      teacherrecordsColumns,
+      getteacherrecordstableData,
+      teacherchangePagination,
+        }
+    }
+}
+</script>
+<style lang="scss" scoped>
+
+.LookLecturerSystem {
+  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;
+      .select {
+        margin-right: 20px;
+        margin-bottom: 20px;
+      }
+    }
+}
+.backbtn{
+    float: right;
+    margin-right: 20px;
+  border: none;
+  color: #4ea6ff;
+  width: 80px;
+  height:64px 
+}
+//小竖线
+.line{
+  float:left; width: 3px; height: 25px; background: #4ea6ff;border-radius: 30%; margin-right: 5px;
+}
+::v-deep .ant-descriptions-header{
+    margin-bottom: 10px ;
+}
+.goback {
+        float: right;
+        padding-right: 70px;
+        //padding-top: 37px;
+        position: relative;
+
+        .return {
+          display: inline-block;
+          width: 42px;
+          height: 42px;
+          margin-top: 17px;
+          margin-right: 10px;
+          background-image: url("../../assets/images/projectadd/return.png");
+        }
+
+        .returntext {
+          display: inline-block;
+          position: absolute;
+          top: 12px;
+          color: #4ea6ff;
+          font-size: 14px;
+        }
+      }
+      
+::v-deep .ant-select-selection-overflow-item {
+  margin-top: -2px;
+}
+
+::v-deep .ant-select-multiple .ant-select-selection-item {
+  height: 34px
+}
+.tableBox {
+padding-bottom: 20px;
+margin: 20px 38px 30px;
+::v-deep .ant-select-dropdown{
+ display: inline-block;
+}
+::v-deep .ant-select-selection-item{
+margin-left: 3px;
+}
+::v-deep .ant-pagination-options-size-changer.ant-select{
+width: 84px;
+}
+.pa {
+width: 100%;
+display: flex;
+justify-content: right;
+}
+}
+</style>
\ No newline at end of file
diff --git a/src/views/lecturer/MonthlyStatistics.vue b/src/views/lecturer/MonthlyStatistics.vue
new file mode 100644
index 00000000..4793d202
--- /dev/null
+++ b/src/views/lecturer/MonthlyStatistics.vue
@@ -0,0 +1,1027 @@
+<!-- 讲师费月度统计详情页面 -->
+<template>
+    <div  class="MonthlyStatistics">
+    <!-- 搜索框及按钮 -->
+    <!-- <a-layout-header style="background: white;color: black; font-size: 20px ;">
+     <span>讲师费月度统计详情</span>
+     <router-link to="/LecturerFeeStatistics" class="goback">
+            <span class="return"></span>
+            <router-link class="returntext" to="/LecturerFeeStatistics" style="line-height:47px ">
+              返回
+            </router-link>
+          </router-link>
+     </a-layout-header> -->
+     <div class="header">
+        <div class="headerTitle">讲师费月度统计详情</div>
+        <router-link to="/LecturerFeeStatistics">
+          <img
+            style="width: 29px; height: 29px; cursor: pointer"
+            src="../../assets/images/basicinfo/close.png"
+          />
+        </router-link>
+      </div>
+     <!-- <a-divider style="height: 1px; background-color: #b7b8b7 ;margin: 0;" /> -->
+    <div class="filter">
+      <a-form layout="inline" >
+          <a-form-item  class="select">
+              <a-input v-model:value="searchParam.name" style="width: 276px; height: 40px; border-radius: 8px"
+            placeholder="请输入工号/讲师姓名进行检索" allowClear showSearch
+            v-on:keydown.enter="enterPressHadlerSearch">
+          </a-input>
+          </a-form-item>
+          <!-- <a-form-item class="select">
+            <a-select style="width: 230px" v-model:value="searchParam.payrollPlaceId" placeholder="发薪地"
+                  :options="PlaceOfPayList" allowClear showSearch
+                  v-on:keydown.enter="enterPressHadlerSearch"/>
+          </a-form-item> -->
+          <a-form-item class="select " >
+            <!-- <a-tree-select style="width: 230px"
+								:fieldNames="{
+									children: 'children',
+									label: 'name',
+									value: 'code',
+								}"
+								allow-clear
+								:getPopupContainer="triggerNode => triggerNode.parentNode || document.body"
+								v-model:value="searchParam.courseTypeId"
+								show-search
+								:dropdown-style="{ maxHeight: '400px', overflow: 'auto' }"
+								placeholder="请选择内容分类"
+								tree-default-expand-all
+								:tree-data="sysTypeOptions"
+                v-on:keydown.enter="enterPressHadlerSearch">
+							</a-tree-select> -->
+            <a-select style="width: 230px" placeholder="请选择培训发生组织" v-model:value="searchParam.trainOrgId"
+                :options="getOrganizationList">
+              </a-select>
+          </a-form-item>
+          <div style="display: flex; margin-bottom: 20px">
+            <a-button @click="searchSubmit()" type="primary" class="resetbtn">查询 </a-button>
+            <!-- <div class="btn btn1" @click="searchReset" style="background:rgba(64, 158, 255, 0);" > -->
+            <!-- <div class="search"></div> -->
+            <a-button class="resetbtn " @click="searchReset">重置</a-button>
+          </div>
+        </a-form>
+        <div style="width: 100%;"></div>   
+        <div style="display: flex; margin-bottom: 20px">
+            <a-button  class="resetbtn"  @click="handleFeeMonthly" type="primary"><UploadOutlined/>导出
+                </a-button>
+                </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" :scroll="{ x: 600}" :pagination="false">
+          <template #bodyCell="{ record, column }">
+            <template v-if="column.key === 'operation'">
+              <a-space >
+                <a-button type="link" @click="() => handleLook(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"
+        :showSizeChanger="true"
+        :showQuickJumper="false"
+        :hideOnSinglePage="true"
+        :pageSize="searchParam.pageSize"
+        :current="searchParam.pageNo"
+        :total="tableDataTotal"
+        class="pagination"
+        @change="changePagination"
+      />
+      </div>
+    </div>
+   <!-- 抽屉 -->
+   <a-drawer v-model:visible="opendrawer" placement="right"
+@closa="cancelTeachingDialog" :maskClosable="true"  width="60%" title="查看详情">
+<a-form  layout="inline">
+  <a-form-item class="select">
+          <a-input v-model:value="drawer.name" style="width: 260px; height: 40px; border-radius: 8px"
+            placeholder="请输入课程名称进行搜索" allowClear showSearch>
+          </a-input>
+        </a-form-item>
+        <a-form-item class="select ">
+          <a-range-picker format="YYYY-MM-DD"
+          valueFormat="YYYY-MM-DD" style="width: 260px; height: 40px; margin-bottom: 20px; border-radius: 8px" v-model:value="drawer.drawersearchdate" separator="至"
+            :placeholder="['      开始时间', '        结束时间']" @change="searchTimeChange" />
+        </a-form-item>
+        <div style="display: flex; margin-bottom: 20px">
+          <a-button @click="searchSubmitdrawer()" type="primary" class="resetbtn">查询 </a-button>
+          <a-button class="resetbtn " @click="searchResetdrawer">重置</a-button>
+</div>
+</a-form>
+<!-- <span>讲师费发放情况</span> -->
+<a-table :scroll="{ x: 'max-content'}" :header-cell-style="{ 'text-align': 'center' }" style="border: 1px solid #f2f6fe" :columns="column"  :data-source="tableDatas" :loading="tableLoadings" :pagination="false">
+            <template #bodyCell="{ record, column }">
+            </template>
+          </a-table>
+  <div :style="{
+        position: 'absolute',
+        right: 0,
+        bottom: 0,
+        width: '100%',
+        borderTop: '1px solid #e9e9e9',
+        padding: '10px 16px',
+        background: '#fff',
+        textAlign: 'right',
+        zIndex: 1,
+      }">
+        <a-button  class="drabtn"  @click="cancelTeachingDialog">取消</a-button>
+        <a-button   class="drabtn" type="primary" @click="cancelTeachingDialog" :loading="buttonLoading">返回
+        </a-button>
+      </div>
+</a-drawer>
+  </div>
+</template>
+<script lang="jsx">
+import { reactive, toRefs, ref, watch,computed  } from "vue";
+import { useStore } from "vuex";
+import { useRouter,useRoute } from "vue-router";
+import {
+    UploadOutlined,
+  } from '@ant-design/icons-vue';
+  import { getPayRollPlace,expenseSummaryById ,queryDetailId} from "../../api/Lecturer";
+  import { getOrganization } from "../../api/Teaching";
+import ProjectManager from "@/components/project/ProjectManagerNew";
+import {queryTeacherFeeMonthly} from "../../api/lecturerFeeStatistics";
+import {CostDetails} from "../lecturer/CostDetails.vue"
+// import * as api from '@/api/Lecturer'
+export default {
+  name: "MonthlyStatistics",
+  components: {
+    UploadOutlined,//图标--导出,
+    ProjectManager,CostDetails
+  },
+  setup() {
+    const router=useRouter();
+    const route = useRoute();
+    const { query: { id }} = useRoute();
+    const state = reactive({
+      tableLoadings: false,
+      opendrawer:false,
+      id,
+      summaryDate: null,
+      resbgTxt: null,
+      tableDataTotal: -1,//table列表总条数,
+      tableDataFeeDetailTotal: -1, // 二级列表总条数
+      currentPage2: 1,
+      pageSize2: 10,
+      pageSize: 10,
+      teacherdialog: false,
+      teacherdialoga: false,
+      teacherdialogtitle: null,
+      searchdate: null, //选择时间
+      startTime: null, //开始时间
+      endTime: null, //结束时间
+      searchParam: {
+        pageNo: "1",
+        pageSize: "10",
+        name: '',
+        payrollPlaceId: null,
+        departId: null,
+        summaryDate:null,
+        id: route.query.id,
+        // trainOrgId: '',
+      },
+      name:null,
+      drawer: {
+        name: '',
+        drawersearchdate: [],
+        pageNo: '1',
+        pageSize: '10',
+        endTime: '',
+        startTime: '',
+      }
+    })
+    watch(
+    )
+    const endOrg = (val) => {
+      if(val){
+        const parts = val.split('/');
+        const reversedParts = parts.reverse();
+        return reversedParts.join('/');
+      }
+    }
+        //获取内容分类
+        const store = useStore();
+    const sysTypeOptions = computed(() => store.state.content_type);
+    const columns = ref([
+      {
+        title: '讲师名称',
+        dataIndex: 'name',
+        key: 'name',
+        ellipsis: true,
+        align: "center",
+        width: 200,
+      },
+      {
+        title: '讲师工号',
+        dataIndex: 'userNo',
+        key: 'userNo',
+        align: "center",
+        ellipsis: true,
+        width: 200,
+      },
+      {
+        title: '所属组织 ',
+        dataIndex: 'orgName',
+        key: 'orgName',
+        ellipsis: true,
+        align: "center",
+        width: 200,
+        customRender: ({text})=>{
+          return endOrg(text)
+        }
+      },
+      {
+        title: '发薪地',
+        dataIndex: 'payrollPlace',
+        key: 'payrollPlace',
+        ellipsis: true,
+        align: "center",
+        width: 200,
+      },
+      {
+        title: '授课时长(系统 ) ',
+        dataIndex: 'teachingSystem',
+        key: 'teachingSystem',
+        ellipsis: true,
+        align: "center",
+        width: 200,
+      },
+      {
+        title: '授课时长(录入) ',
+        dataIndex: 'teachingEnter',
+        key: 'teachingEnter',
+        ellipsis: true,
+        align: "center",
+        width: 200,
+      },
+      {
+        title: '开发课程时长 ',
+        dataIndex: 'expense',
+        key: 'expense',
+        ellipsis: true,
+        align: "center",
+        width: 200,
+      },
+      {
+        title: '计划费用 ',
+        dataIndex: 'expense',
+        key: 'expense',
+        ellipsis: true,
+        align: "center",
+        width: 200,
+      },
+      {
+        title: '应发费用 ',
+        dataIndex: 'payableExpense',
+        key: 'payableExpense',
+        ellipsis: true,
+        align: "center",
+        width: 200,
+      },
+      {
+        title: '操作 ',
+        dataIndex: 'operation',
+        key: 'operation',
+        ellipsis: true,
+        align: "right",
+        fixed: "right",
+        width: 120,
+        scopedSlots: { customRender: "action" },
+      },
+    ])
+    //列表数据
+    const tableData = ref([
+    ])
+    // 搜索
+    const searchSubmit = () => {
+      state.searchParam.pageNo = 1;
+      getTableDate();
+    };
+
+      const PlaceOfPayList = ref([
+    ])
+    //获取讲师发薪地列表
+    const PlaceOfPayLista = () => {
+      getPayRollPlace().then((res) => {
+        
+        if (res.data.code === 200) {
+          let arr = res.data.data;
+          let array = [];
+          arr.map((value) => {
+            let obj = {
+              value: value.id,
+                label: value.name,
+            };
+            array.push(obj);
+          });
+          PlaceOfPayList.value = array;
+        }
+        console.log("获取发薪地", PlaceOfPayList);
+      })
+    }
+    // PlaceOfPayLista()
+    //  List接口数据
+    const getTableDate = (obj) => {
+      state.tableLoading = true
+      expenseSummaryById(state.searchParam)
+        .then((res) => {
+          console.log(res,'resssss')
+          tableData.value = res.data.data
+          state.tableDataTotal = Number(res.data.data.total);
+          state.tableLoading = false
+        })
+    };
+    getTableDate()
+  
+      //获取所属组织
+      const getOrganizationList = ref([
+      //   { value: 0, systemName: "讲师体系" },
+    ]);
+    //获取所属组织
+    const getOrganizationLista = () => {
+      // console.log('getOrganizationList')
+      getOrganization().then((res) => {
+        if (res.data.code === 200) {
+          let arr = res.data.data.records;
+          let array = [];
+          arr?.map((value) => {
+            let obj = {
+              value: value.id,
+              label: value.affiliationName,
+            };
+            array.push(obj);
+          });
+          getOrganizationList.value = array;
+        }
+      })
+    }
+    getOrganizationLista()
+    //表格内查看数据操作
+    const handleLook = (record) => {
+      state.drawer={
+        name: '',
+        drawersearchdate: [],
+        pageNo: '1',
+        pageSize: '10',
+        endTime: '',
+        startTime: '',
+        id: record.id,
+      }
+      state.opendrawer=true
+      searchSubmitdrawer()
+    }
+    const searchTimeChange = (e) => {
+      console.log(e,'eeeee')
+      if(e){
+        state.drawer.startTime = e[0]
+        state.drawer.endTime = e[1]
+      }else{
+        state.drawer.startTime = ''
+        state.drawer.endTime = ''
+      }
+      
+    }
+    const changePagination = (page, pageSize) => {
+      state.searchParam.pageNo = page;
+      // state.pageNo = page;
+      state.searchParam.pageSize = pageSize;
+      getTableDate();
+    };
+    // 导出
+    const handleFeeMonthly = () => {
+      window.open(
+        `${process.env.VUE_APP_BASE_API}/admin/export/exportTeacherSummary?
+        &name=${state.searchParam.name ? state.searchParam.name : ""}
+        &billId=${state.searchParam.payrollPlaceId ? state.searchParam.payrollPlaceId : ""}
+        &trainOrgId=${state.searchParam.trainOrgId || ''}`)
+    }
+     //重置
+     const searchReset = () => {
+        state.searchParam = { 
+          pageNo: "1",
+          pageSize: "10",
+          id: route.query.id,
+          name : '',
+          payrollPlaceId: null,
+          departId: '',
+          summaryDate:'',
+          // trainOrgId: '',
+        };
+        getTableDate();
+      };
+      //二级页面重置
+      const searchResetdrawer =()=>{
+        const id = state.drawer.id
+        state.drawer={
+          name: '',
+          drawersearchdate: [],
+          pageNo: '1',
+          pageSize: '10',
+          endTime: '',
+          startTime: '',
+          id,
+        }
+        searchSubmitdrawer()
+      }
+      //二级页面查询
+      const searchSubmitdrawer=()=>{
+        state.tableLoadings = true
+        const params = {
+          summaryId: state.drawer.id,
+          name: state.drawer.name,
+          endTime: state.drawer.endTime,
+          startTime: state.drawer.startTime,
+        }
+        queryDetailId(params).then(res=>{
+          console.log(res,'resss')
+          tableDatas.value = res.data.data
+          state.tableLoadings = false
+        })
+      }
+      const  tableDatas = ref([])
+      const column = ref([
+      {
+        title: '讲师姓名 ',
+        dataIndex: 'name',
+        key: 'name',
+        ellipsis: true,
+        align: "center",
+        width: 100,
+      },
+      {
+        title: '讲师工号',
+        dataIndex: 'userNo',
+        key: 'userNo',
+        align: "center",
+        ellipsis: true,
+        width: 100,
+      },
+      {
+          title: '课程名称 ',
+          dataIndex: 'courseName',
+          key: 'courseName',
+        ellipsis: true, align: "center",
+          width: 120,
+        },
+        {
+          title: '课程类型 ',
+          dataIndex: ' courseType',
+          key: ' courseType',
+        ellipsis: true, align: "center",
+          width: 120,
+          customRender: (value) => {
+            return (
+              <div>
+                {String(value.record.courseType)
+                  ? {
+                    "0": "在线课",
+                    "1": "面授课",
+                    "2": "课程开发",
+                    "3": "作业员入模培训",
+                    "4": "其他",
+                  }[value.record.courseType + ""]
+                  : "-"}
+              </div>
+            )
+          }
+        },
+        {
+          title: '授课时长 ',
+          dataIndex: 'teachingTime',
+          key: 'teachingTime',
+        ellipsis: true, align: "center",
+          width: 120,
+          
+        },
+      {
+        title: '授课时间',
+        dataIndex: 'teachingDate',
+        key: 'teachingDate',
+        ellipsis: true,
+        align: "center",
+        width: 120,
+        scopedSlots: { customRender: "teacherOrg" },
+      },
+      {
+          title: '讲师体系',
+          dataIndex: 'tsystemName',
+          key: 'tsystemName',
+        ellipsis: true, align: "center",
+          width: 120,
+        },
+      {
+          title: '讲师级别 ',
+          dataIndex: 'tlevelName',
+          key: 'tlevelName',
+        ellipsis: true, align: "center",
+          width: 120,
+        },
+      {
+        title: '讲师发薪地 ',
+        dataIndex: 'payrollPlace',
+        key: 'payrollPlace',
+        ellipsis: true,
+        align: "center",
+        width: 120,
+      },
+    
+      {
+          title: '基准课酬 ',
+          dataIndex: 'levelPay',
+          key: 'levelPay',
+        ellipsis: true, align: "center",
+          width: 100,
+        },
+      {
+        title: '计划费用 ',
+        dataIndex: 'expense',
+        key: 'expense',
+        ellipsis: true,
+        align: "center",
+        width: 100,
+      },
+      {
+        title: '应发费用 ',
+        dataIndex: 'payableExpense',
+        key: 'payableExpense',
+        ellipsis: true,
+        align: "center",
+        width: 100,
+      },
+   
+    ])
+         //取消按钮 清空输入的数据
+      const cancelTeachingDialog = () => {
+        state.opendrawer = false
+        
+        state.drawer={
+          name: '',
+          drawersearchdate: [],
+          pageNo: '1',
+          pageSize: '10',
+          endTime: '',
+          startTime: '',
+        }
+      };
+          //回车
+    const enterPressHadlerSearch = e => {
+  console.log("e",e);
+    if (e.keyCode === 13) {
+      searchSubmit()
+
+    }
+};
+    return {
+      ...toRefs(state),
+      tableDatas, 
+      column,
+      enterPressHadlerSearch,
+      cancelTeachingDialog,
+      searchReset,
+      handleFeeMonthly,
+      handleLook,
+      changePagination,
+      searchTimeChange,
+      searchSubmitdrawer,
+      getTableDate,
+      searchSubmit,
+      tableData,
+      columns,
+      PlaceOfPayList,
+      PlaceOfPayLista,
+      getOrganizationList,
+      getOrganizationLista,
+      searchResetdrawer,
+      sysTypeOptions,
+      endOrg,
+    }
+  },
+};
+</script>
+<style lang="scss" scoped >
+.MonthlyStatistics {
+  .header {
+    padding: 0px 32px;
+    height: 73px;
+    border-bottom: 1px solid #e8e8e8;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    // background-color: red;
+    // margin-bottom: 20px;
+    flex-shrink: 0;
+
+    .headerTitle {
+      font-size: 18px;
+      font-weight: 600;
+      color: #333333;
+      line-height: 25px;
+      // margin-left: 24px;
+    }
+  }
+  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;
+      .select {
+        margin-right: 20px;
+        margin-bottom: 20px;
+      }
+    }
+}
+.select .ant-picker {
+  width: 410px !important;
+}
+
+.addTimeBox {
+  position: relative;
+  display: flex;
+  align-items: center;
+
+  .addTime {
+    position: absolute;
+    z-index: 10;
+    margin-left: 10px;
+    color: rgba(0, 0, 0, 0.4);
+  }
+}
+
+//导出按钮icon
+.daochu {
+  width: 16px;
+  height: 18px;
+  background-image: url("../../assets/images/coursewareManage/export1.png");
+}
+
+//弹窗内详情样式
+.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;
+}
+
+.ExternalTeaching {
+  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;
+
+    .select {
+      margin-right: 20px;
+      margin-bottom: 20px;
+    }
+  }
+}
+
+.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: 30%;
+  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;
+      }
+    }
+  }
+}
+
+.CreatePath {
+  .out {
+    z-index: 9999;
+    display: block;
+    position: absolute;
+    top: 90px;
+    width: 1080px !important;
+    height: 650px;
+    overflow: auto;
+    background-color: #fff;
+
+    box-shadow: 0 0 10px rgba(118, 136, 166, 0.21);
+    left: 50%;
+    top: 300px;
+    transform: translate(-50%, -50%);
+
+    .top {
+      width: 100%;
+      height: 68px;
+
+      background: linear-gradient(rgba(78, 166, 255, 0.2) 0%,
+          rgba(78, 166, 255, 0) 100%);
+      display: flex;
+      align-items: center;
+
+      .topimg {
+        width: 18px;
+        height: 18px;
+        margin-left: 27px;
+        margin-top: -2px;
+      }
+
+      .topc {
+        color: #000000;
+        font-size: 16px;
+        margin-left: 8px;
+      }
+    }
+
+    .mid {
+      width: 100%;
+      height: 100%;
+      background-color: #fff;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+
+      .d {
+        // margin-top: 8px;
+        // color: #ff4e4e;
+        margin-left: -5px;
+      }
+    }
+  }
+}
+
+//添加样式
+.langbtn {
+  height: 40px;
+  border-radius: 8px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-right: 14px;
+  flex-shrink: 0;
+  cursor: pointer;
+}
+
+// 重置样式
+.resetbtn {
+  width: 100px;
+  height: 40px;
+  border-radius: 8px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-right: 14px;
+  flex-shrink: 0;
+  cursor: pointer;
+}
+
+//展开收起样式
+.moreidbtn {
+  border: none;
+  color: #4ea6ff;
+  width: 80px
+}
+
+//小竖线
+.line {
+  float: left;
+  width: 3px;
+  height: 25px;
+  background: #4ea6ff;
+  border-radius: 30%;
+  margin-right: 5px;
+}
+
+//抽屉功能
+.drawaer // /* 改变所有 a-tree-select 输入框的高度 */
+//   ::v-deep  .ant-select:not(.ant-select-customize-input) .ant-select-selector{
+//   height: 40px;
+//   line-height: 40px;
+//   border-radius: 8px
+
+//   /* 确保文字垂直居中 */
+// }
+::v-deep .ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
+  height: 40px !important;
+  line-height: 40px;
+  border-radius: 8px
+}
+
+// 抽屉内样式
+.draitem {
+  width: 100%;
+  height: 40px !important;
+  border-radius: 8px;
+  line-height: 40px;
+}
+
+.drabtn {
+  height: 40px;
+  width: 80px;
+  border-radius: 8px;
+  margin-right: 20px
+}
+::v-deep  .ant-select:not(.ant-select-customize-input) .ant-select-selector{
+  border-radius:8px;
+  height:40px;
+}
+.ant-col-12{
+  height:90px;
+}
+.goback {
+        float: right;
+        padding-right: 70px;
+        //padding-top: 37px;
+        position: relative;
+
+        .return {
+          display: inline-block;
+          width: 42px;
+          height: 42px;
+          margin-top: 17px;
+          margin-right: 10px;
+          background-image: url("../../assets/images/projectadd/return.png");
+        }
+
+        .returntext {
+          display: inline-block;
+          position: absolute;
+          top: 12px;
+          color: #4ea6ff;
+          font-size: 14px;
+        }
+      }
+      tableBox {
+padding-bottom: 20px;
+margin: 20px 38px 30px;
+::v-deep .ant-select-dropdown{
+ display: inline-block;
+}
+::v-deep .ant-select-selection-item{
+margin-left: 3px;
+}
+::v-deep .ant-pagination-options-size-changer.ant-select{
+width: 84px;
+}
+.pa {
+width: 100%;
+display: flex;
+justify-content: right;
+}
+}
+      </style>
+  
\ No newline at end of file
diff --git a/src/views/lecturer/Organization.vue b/src/views/lecturer/Organization.vue
new file mode 100644
index 00000000..95fa67fc
--- /dev/null
+++ b/src/views/lecturer/Organization.vue
@@ -0,0 +1,1183 @@
+<!-- 归属组织 -->
+<template>
+ <!-- 搜索框及按钮 -->
+ <div class="filter" style="min-width: 1380px; margin: 20px;" >
+      <a-form   layout="inline">
+        <a-form-item class="select">
+          <div>
+          <a-input style="width: 276px; height: 40px; border-radius: 8px" v-model:value="searchParam.name" placeholder="请输入编号/名称进行搜索"
+          v-on:keydown.enter="enterPressHadlerSearch" />
+          </div>
+        </a-form-item>
+        <div style="display: flex; margin-bottom: 20px">
+          <a-button @click="searchSubmit()" type="primary" class="resetbtn">查询 </a-button>
+          <!-- <div class="btn btn1" @click="searchReset" style="background:rgba(64, 158, 255, 0);" > -->
+          <!-- <div class="search"></div> -->
+          <a-button class="resetbtn " @click="searchReset">重置</a-button>
+        </div>
+        </a-form>
+        <div style="width: 100%;"></div>
+      <div style="display: flex; margin-bottom: 20px">
+        <a-button @click="addTeacher()" type="primary" class="resetbtn" style="width: 164px;">
+          <div class="search"></div> 新增培训发生组织
+        </a-button>
+        <div
+          class="btnn btn2"
+          @click="downOpen"
+          style="margin-right: 14px"
+        >
+          <div class="daochu"></div>
+          <div class="btnText">导出</div>
+        </div>
+      </div>
+      <a-table 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 >
+                <lockLecturer :id="record.id" :title="'培训发生组织详情'" @searchList="searchList">
+                    <div style="color: #1890ff;cursor: pointer;">查看</div>
+                </lockLecturer>
+                <a-button v-if="record.status!=2" type="link" @click="() => handleModify(record, String(record.courseform))">编辑</a-button>
+                <a-button v-if="record.status==2" type="link" @click="() => updateModal(record)">撤回</a-button>
+                <a-button type="link" @click="() => deleteModal(record, String(record.courseform))">删除</a-button>
+              </a-space>
+            </template>
+            </template>
+            </a-table>
+            <div class="tableBox ">
+      <div class="pa">
+
+        <a-pagination
+          v-if="tableDataTotal > 10"
+          :showSizeChanger="true"
+          :showQuickJumper="true"
+          :hideOnSinglePage="false"
+          :pageSize="searchParam.pageSize"
+          :current="searchParam.pageNo"
+          :total="tableDataTotal"
+          class="pagination"
+          @change="changePagination"
+        />
+      </div>
+    </div>
+             <!-- 删除功能弹窗 -->
+    <div>
+      <a-modal v-model:visible="deleteInTeacherdialog" :footer="null" :closable="close"
+        centered="true">
+        <div class="delete">
+          <div class="del_header"></div>
+          <div class="del_main">
+            <div class="header">
+              <div class="icon1"></div>
+              <span>提示</span>
+            </div>
+            <div class="body">
+              <span>您确定要删除当前组织吗</span>
+            </div>
+            <div class="del_btnbox">
+              <div class="del_btn btn2" @click="cancelTeacherDialog" style="margin-right: 32px">
+                <div class="btnText">取消</div>
+              </div>
+              <div class="del_btn btn2" @click="closeDeleteTeacher">
+                <div class="btnText">确定</div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </a-modal>
+    </div>
+    <!-- 抽屉 -->
+    <a-drawer v-model:visible="teacherdialog" :closable="false" :title="false" placement="right" width="60%" :maskClosable="false" >
+      <div class="headers" style="margin-top: -24px">
+        <div class="headerTitle">{{ teacherdialogtitle }}</div>
+        <img
+          style="width: 29px; height: 29px; cursor: pointer"
+          src="@/assets/images/basicinfo/close.png"
+          @click="cancelTeacherDialog"
+        />
+      </div>
+    <a-form :model="formParam" :rules="rules" layout="vertical"   ref="formRef">
+        <a-row :gutter="16">
+          <a-col :span="24">
+          <!-- <span class="line"></span><span>讲师体系基本信息</span> -->
+        </a-col>
+        </a-row>
+        <a-row :gutter="16">
+          <a-col :span="12">
+            <a-form-item label="培训发生组织编号：" name="affiliationCode">
+        <a-input disabled v-model:value="formParam.affiliationCode"  class="draitem"
+                  placeholder="请输入讲师体系编号" allowClear showSearch>
+                  </a-input>
+            </a-form-item>
+          </a-col>
+          <a-col :span="12">
+            <a-form-item label="培训发生组织名称：" name="affiliationName">
+        <a-input :maxlength="30" show-count v-model:value="formParam.affiliationName"  class="draitem"
+                  placeholder="请输入培训发生组织名称" allowClear showSearch>
+                  </a-input>
+            </a-form-item>
+          </a-col>
+        </a-row>
+        <a-row :gutter="16">
+          <a-col :span="12">
+            <a-form-item label="是否为根节点：" name="code">
+              <div style="display: flex;align-items: center;">
+                <a-radio-group style="min-width:126px;" @change="selectRadio" v-model:value="formParam.isParent" name="radioGroup">
+                  <a-radio :value="1">否</a-radio>
+                  <a-radio :value="0">是</a-radio>
+                </a-radio-group>
+              <a-select v-model:value="formParam.code" :placeholder="!formParam.isParent?'请选择审批层级':'请选择根节点'"
+                :options="!formParam.isParent?PlaceOfPayList:PlaceOfPayListTwo" allowClear showSearch/>
+              </div>
+          </a-form-item>
+          </a-col>
+          <a-col :span="12">
+            <a-form-item label="组织担当：" name="actValue">
+            <!-- <a-select v-model:value="formParam.zzfzr" placeholder="请选择组织负责人"
+                  :options="PlaceOfPayList" allowClear showSearch/> -->
+              <!-- <ProjectManager :type="0" v-model:value="formParam.actValue" :placeholder="'请选择担当'" v-model:arrayList="formParam.actArray" ></ProjectManager> -->
+               <AddApprover :title="'组织担当'" v-model:arrayList="formParam.actArray" @valueChange="valueChange" :type="0">
+                 <a-select style="width:100%" v-model:value="formParam.actValue" :open="false" :placeholder="'请选择担当'"></a-select>
+               </AddApprover>
+          </a-form-item>
+          </a-col>
+        </a-row>
+        <a-row :gutter="16" v-if="formParam.isParent">
+          <a-col :span="12">
+            <a-form-item label="一级审批人" name="leveOneValue">
+              <!-- <a-select v-model:value="formParam.yjspr" placeholder="请选择一级审批人"
+                  :options="PlaceOfPayList" allowClear showSearch/> -->
+                  <!-- <ProjectManager :type="1" v-model:value="formParam.leveOneValue" :placeholder="'请选择一级审批人'" v-model:arrayList="formParam.leveOneArray" ></ProjectManager> -->
+                  <AddApprover :title="'一级审批人'" v-model:arrayList="formParam.leveOneArray" @valueChange="valueChange" :type="1">
+                    <a-select style="width:100%" v-model:value="formParam.leveOneValue" :open="false" :placeholder="'请选择一级审批人'"></a-select>
+                  </AddApprover>
+            </a-form-item>
+          </a-col>
+          <a-col :span="12">
+            <a-form-item label="二级审批人">
+            <!-- <a-select v-model:value="formParam.zzfzr" placeholder="请选择二级审批人"
+                  :options="PlaceOfPayList" allowClear showSearch/> -->
+                  <!-- <ProjectManager :type="1" :placeholder="'请选择二级审批人'" v-model:arrayList="formParam.leveTwoArray" ></ProjectManager> -->
+                  <AddApprover :title="'二级审批人'" v-model:arrayList="formParam.leveTwoArray" @valueChange="valueChange" :type="2">
+                    <a-select style="width:100%" v-model:value="formParam.leveTwoValue" :open="false" :placeholder="'请选择二级审批人'"></a-select>
+                  </AddApprover>
+          </a-form-item>
+          </a-col>
+        </a-row>
+        <a-row :gutter="16">
+          <a-col :span="12" v-if="formParam.isParent">
+            <a-form-item label="三级审批人" >
+              <!-- <a-select v-model:value="formParam.sjspr" placeholder="请选择三级审批人"
+                  :options="PlaceOfPayList" allowClear showSearch/> -->
+                  <!-- <ProjectManager :type="1" :placeholder="'请选择三级审批人'" v-model:arrayList="formParam.leveThreeArray" ></ProjectManager> -->
+                  <AddApprover :title="'三级审批人'" v-model:arrayList="formParam.leveThreeArray" @valueChange="valueChange" :type="3">
+                    <a-select style="width:100%" v-model:value="formParam.leveThreeValue" :open="false" :placeholder="'请选择三级审批人'"></a-select>
+                  </AddApprover>
+            </a-form-item>
+          </a-col>
+          <a-col :span="12">
+            <a-form-item label="备注" >
+              <a-input v-model:value="formParam.remark" showCount :maxlength="200"
+                style="width: 100%; height: 40px; border-radius: 8px" placeholder="请输入" />
+            </a-form-item>
+          </a-col>
+        </a-row>
+      <a-form-item label="选择管理组织" name="orglistName">
+        <a-row :gutter="50" style="margin-bottom: 10px;">
+          <a-col :span="2">
+      <!-- <a-tag color="blue" style="line-height: 40px; ">管理业务</a-tag> -->
+       <a-button type="primary" @click="addContentData" style="width: 100px; height: 40px;border-radius: 8px">添加组织</a-button>
+      </a-col>
+      <!-- <a-col :span="20">
+      <div class="add_content" @click="addContentData" >+</div>
+      </a-col> -->
+      </a-row>
+        </a-form-item>
+              <!-- 备注 remark -->
+              <a-row :gutter="16" style="padding-bottom: 60px;">
+          <a-col :span="24">
+            <a-form-item label="">
+              <!-- <a-textarea v-model:value="formParam.remark" showCount :maxlength="200"
+                style="width: 100%; height: 100px; border-radius: 8px" placeholder="请输入" /> -->
+                <a-table :dataSource="formParam?.affiliationOrgList" :scroll="{ x: '600' }" :columns="orgColumns"/>
+            </a-form-item>
+          </a-col>
+        </a-row>
+        </a-form>
+      <!-- 交互按钮 -->
+      <div
+      :style="{
+        position: 'absolute',
+        right: 0,
+        bottom: 0,
+        width: '100%',
+        borderTop: '1px solid #e9e9e9',
+        padding: '10px 16px',
+        background: '#fff',
+        textAlign: 'right',
+        zIndex: 1,
+      } "
+    >
+      <a-button class="drabtn"  @click="cancelTeacherDialog" >取消</a-button>
+      <a-button  class="drabtn" type="primary" @click="createTeacherDialog(0)" :loading="buttonLoading">保存</a-button>
+      <a-button  class="drabtn" type="primary" @click="createTeacherDialog(1)" :loading="buttonLoading">提交</a-button>
+    </div>
+    </a-drawer>
+    <AddOrgContent :Addtitle="'选择组织'" v-model:showContent="showContent" v-model:AddContentList="formParam.affiliationOrgList" />
+        </div>
+</template>
+<script lang="jsx">
+import { reactive, toRefs, ref, watch } from "vue";
+import {
+  FolderAddOutlined
+} from '@ant-design/icons-vue';
+import { message } from "ant-design-vue";
+import dialog from "@/utils/dialog";
+import ProjectManager from "@/components/project/ProjectManagerLecturer";
+import { queryTrainOrg,deleteTrainOrg,addReviewer,updateTrainOrg} from "../../api/organization";
+import AddOrgContent from "../../components/project/AddOrgContent.vue"
+import * as lecturer from "../../api/Lecturer.js";
+import lockLecturer from "@/components/project/lockLecturer"
+import AddApprover from '@/components/project/AddApprover'
+export default{
+    name:"organization",
+    components: {
+      ProjectManager,
+      FolderAddOutlined,//图标--新增
+      AddOrgContent,
+      lockLecturer,
+      AddApprover,
+    },
+    setup() {
+      const formRef = ref();
+      const state = reactive({
+        tableDataTotal: 0,
+      vf:true,
+      showContent: false,
+      tableLoading:false,
+      deleteInTeacherdialog:false,
+      teacherdialog:false,
+      teacherdialogtitle:null,
+      delId:null,
+      searchParam: {
+        name:null,
+        pageNo: "1",
+        pageSize: "10"
+      },
+      formParam:{
+        orglistName: null,
+        affiliationCode:null,
+        affiliationName:null,
+        isParent: 1,
+        remark:null,
+        actValue: null,
+        actArray: [],
+        leveOneValue: null,
+        leveTwoValue: null,
+        leveThreeValue: null,
+        leveOneArray: [],
+        leveTwoArray: [],
+        leveThreeArray: [],
+        code: null,
+        affiliationOrgList: [],
+      },
+    })
+    const PlaceOfPayList = ref([
+      { value: '1', label: "一级审批" },
+      { value: '2', label: "二级审批" },
+      { value: '3', label: "三级审批" },
+    ])
+    const placeData = () => {
+      lecturer.parentList().then(res=>{
+        if(res.data.code == 200){
+          PlaceOfPayListTwo.value = res.data.data.map(item=>{
+            return {
+              value: item.affiliationCode,
+              label: item.affiliationName
+            }
+          })
+        }
+      })
+    }
+    // placeData()
+    const PlaceOfPayListTwo = ref([])
+    const selectRadio = (val)=>{
+      if(val.target.value == 1){
+        state.formParam.leveOneArray = []
+        state.formParam.leveTwoArray = []
+        state.formParam.leveThreeArray = []
+      }
+      state.formParam.code = null
+    }
+    const columns = ref([
+    {
+        title: '培训发生组织编号 ',
+        dataIndex: 'affiliationCode',
+        key: 'affiliationCode',
+        ellipsis: true,
+        align: "center",
+        width: 200,
+      },
+      {
+        title: '培训发生组织名称 ',
+        dataIndex: 'affiliationName',
+        key: 'affiliationName',
+        ellipsis: true, align: "center",
+        width: 200,
+      },
+      {
+        title: '根节点名称',
+        dataIndex: 'parentName',
+        key: 'parentName',
+        ellipsis: true, align: "center",
+        width: 200,
+        customRender: ({text})=>{
+          return (
+            text || '-'
+          )
+        },
+      },
+      {
+        title: '担当',
+        dataIndex: 'leaderName',
+        key: 'leaderName',
+        ellipsis: true,
+        align: "center",
+        width: 200,
+      },
+      {
+        title: '状态',
+        dataIndex: 'status',
+        key: 'status',
+        ellipsis: true, align: "center",
+        width: 160,
+        customRender: ({text})=>{
+          switch (text) {
+            case '1':
+              return <span>待提交</span>;
+            case '2':
+              return <span>审核中</span>;
+            case '3':
+              return <span>已完成</span>;
+            case '4':
+              return <span>审核失败</span>;
+            case '5':
+              return <span>待审核</span>;
+            default:
+              return <span>-</span>;
+          }
+        },
+      },
+      // {
+      //   title: '备注 ',
+      //   dataIndex: 'remark',
+      //   key: 'remark',
+      //   ellipsis: true, align: "center",
+      //   width: 160,
+      // },
+      {
+        title: '操作 ',
+        dataIndex: 'operation',
+        key: 'operation',
+        width: 200,
+        align: "center",
+        fixed: 'right',
+        scopedSlots: { customRender: "action" },
+      },
+])
+const orgColumns = ref([
+  {
+    title: '组织名称',
+    dataIndex: 'orgName',
+    key: 'orgName',
+    ellipsis: true,
+    width: '20%',
+    align: 'center',
+  },
+  {
+    title: '是否被培训发生组织选择',
+    dataIndex: 'isSelect',
+    key: 'isSelect',
+    ellipsis: true,
+    align: 'center',
+    width: '30%',
+    customRender: (text) => {
+      return (
+        <div>
+          {text.record.isSelect == 1 ? `是 (${text.record.affiliationName})` : "否 (-)"}
+        </div>
+      )
+    }
+  },
+  {
+    title: '担当',
+    dataIndex: 'leaders',
+    key: 'leaders',
+    ellipsis: true,
+    align: 'center',
+    width: '60%',
+    customRender: (text) => {
+      return (
+        <div>
+          {text.record.leaders || '-'}
+        </div>
+      )
+    }
+  },
+])
+  //列表数据
+  const tableData = ref([
+])
+//  List接口数据
+const getTableDate = (obj) => {
+      state.tableLoading = true
+      let objA = { ...state.searchParam };
+      queryTrainOrg(objA)
+        .then((res) => {
+          console.log(res,'res')
+          tableData.value = res.data.data.records
+          state.tableDataTotal = Number(res.data.data.total);
+          state.tableLoading = false
+        })
+    };
+    getTableDate()
+    // 搜索
+    const searchSubmit = () => {
+      state.searchParam.pageNo = 1;
+        getTableDate();
+      };
+    const searchList = (val)=>{
+      getTableDate();
+    }
+    //重置
+    const searchReset = () => {
+      state.searchParam = {
+        name:null,
+        pageNo: 1,
+        pageSize: 10,
+      };
+      getTableDate();
+    };
+      //   // 翻页
+      const changePagination = (page, pageSize) => {
+        state.searchParam.pageNo = page;
+      // state.pageNo = page;
+      state.searchParam.pageSize = pageSize;
+      getTableDate();
+    };
+    const updateModal = (record) => {
+      dialog({
+        content: '是否确认撤回 ?',
+        ok: () => {
+          lecturer.affiliatIsConfirm(record.id).then(res=>{
+            console.log(res,'res')
+            message.success("撤回成功")
+            getTableDate();
+          }).catch(err=>{
+            console.log(err,'errr')
+            message.error(err.msg)
+          })
+        }
+      })
+    }
+      //删除弹窗
+      const deleteModal = (record) => {
+        let contents = '';
+        (record.status == 1 || record.status == 4)&& record.parentName && (contents = '是否确认进行删除?');
+        (record.status == 1 || record.status == 4)&& !record.parentName && (contents = '是否确认进行删除?删除后关联的子节点将一并删除');
+        record.status == 2 && (contents = '该培训发生组织正在审核中，无法删除');
+        dialog({
+          content: contents||'是否确认进行删除?',
+          isCloseBtn: record.status == 2 ? false : true,
+          ok: () => {
+            lecturer.affiliationDelById(record.id).then(res=>{
+              if(typeof (res.data.data) != 'object'){
+                message.error(res.data.data)
+                return
+              }
+              message.success("删除成功")
+              searchSubmit();
+            }).catch(err=>{
+              message.destroy()
+              message.error(err.data.msg)
+            })
+          }
+        })
+    };
+     //确认删除
+     const closeDeleteTeacher = () => {
+      //调用删除接口
+      deleteTrainOrg({kid:state.delId}).then((res) => {
+        if (res.data.code == 200) {
+          // message.success("删除成功");
+          state.deleteInTeacherdialog = false
+          searchSubmit();
+        }
+      })
+    }
+     //取消按钮 清空输入的数据
+     const cancelTeacherDialog = () => {
+      if (state.teacherdialog = true) {
+        formRef.value.resetFields();
+        state.teacherdialog = false
+        
+      }
+      cancel()
+      state.deleteInTeacherdialog = false
+      state.editTeacher = false
+    };
+    watch(()=>state.teacherdialog,(val)=>{
+      if(val){
+        placeData()
+      }
+    })
+    const addTeacher=()=>{
+      state.teacherdialog=true ,
+      state.teacherdialogtitle="新增培训发生组织"
+      state.vf = true
+      lecturer.getAffiliationCode().then(res=>{
+        state.formParam.affiliationCode = res.data.data
+      }).catch(()=>{
+        message.error('获取培训发生组织编号失败')
+      })
+    }
+    const downOpen = () => {
+      window.open(`/manageApi/admin/export/exportTeacherAffiliation?name=${state.searchParam.name || ''}`)
+    }
+    const addContentData = () => {
+      state.showContent = true
+    }
+      //修改信息弹窗
+      const handleModify = (record) => {
+        lecturer.getAffiliationById(record.id).then(res=>{
+          console.log(res,'resssss')
+          state.formParam = res.data.data
+          const actArray = res.data.data.affiliationUserList.filter(item=>item.type == 0)
+          const leveOneArray = res.data.data.affiliationUserList.filter(item=>item.type == 1)
+          const leveTwoArray = res.data.data.affiliationUserList.filter(item=>item.type == 2)
+          const leveThreeArray = res.data.data.affiliationUserList.filter(item=>item.type == 3)
+          state.formParam.actArray = actArray.map(item => {
+            return {
+              label: item.userName + item.userNo,
+              value: item.userId,
+              realName: item.userName,
+              ...item,
+              id: item.userId
+            };
+          });
+          state.formParam.actValue = state.formParam.actArray.map(item => item.label).join(',');
+          state.formParam.leveOneArray = leveOneArray.map(item => {
+            return {
+              label: item.userName + item.userNo,
+              value: item.userId,
+              realName: item.userName,
+              ...item
+            };
+          });
+          state.formParam.leveOneValue = state.formParam.leveOneArray.map(item => item.label).join(',');
+          state.formParam.leveTwoArray = leveTwoArray.map(item => {
+            return {
+              label: item.userName + item.userNo,
+              value: item.userId,
+              realName: item.userName,
+              ...item
+            };
+          });
+          state.formParam.leveTwoValue = state.formParam.leveTwoArray.map(item => item.label).join(',');
+          state.formParam.leveThreeArray = leveThreeArray.map(item => {
+            return {
+              label: item.userName + item.userNo,
+              value: item.userId,
+              realName: item.userName,
+              ...item
+            };
+          });
+          state.formParam.leveThreeValue = state.formParam.leveThreeArray.map(item => item.label).join(',');
+          state.formParam.orglistName = state.formParam.affiliationOrgList?.map(item=>item.id).join(',')
+          state.formParam.selectOrgList?.map(item=>{
+            state.formParam.affiliationOrgList.some(item2=>{
+              if(item.orgId==item2.orgId){
+                item2 = Object.assign(item2,item)
+                return true
+              }
+            })
+          })
+          console.log(state.formParam.affiliationOrgList,'state.formParam.affiliationOrgList')
+          state.teacherdialog = true;
+          state.teacherdialogtitle = '编辑培训发生组织'
+          state.vf = false
+        })
+      // TeacherSystem(record)
+    }
+   const  TeacherSystem =(record)=>{
+      state.formParam.affiliationCode=record.affiliationCode
+      state.formParam.affiliationName=record.affiliationName
+      state.formParam.remark=record.remark
+    }
+    const cancel=()=>{
+      state.formParam={
+        orglistName: null,
+        affiliationCode:null,
+        affiliationName:null,
+        isParent: 1,
+        remark:null,
+        actValue: null,
+        actArray: [],
+        leveOneValue: null,
+        leveTwoValue:null,
+        leveThreeValue:null,
+        leveOneArray: [],
+        leveTwoArray: [],
+        leveThreeArray: [],
+        code: null,
+        affiliationOrgList: [],
+      }
+    }
+    async function validateField(name) {
+      return new Promise((resolve) => {
+        formRef.value.validateFields([name])
+          .then(() => {
+            resolve(false);
+          })
+          .catch(() => {
+            resolve(true);
+          });
+      });
+    }
+    const valueChange = (val,type) => {
+      if(type==0){
+        state.formParam.actValue = val?.map(item=>item.label).join(',') || null
+      }else if(type==1){
+        state.formParam.leveOneValue = val?.map(item=>item.label).join(',') || null
+      }else if(type==2){
+        state.formParam.leveTwoValue = val?.map(item=>item.label).join(',') || null
+      }else if(type==3){
+        state.formParam.leveThreeValue = val?.map(item=>item.label).join(',') || null
+      }
+    }
+   //保存
+   const createTeacherDialog = async (val) => {
+    console.log(state.formParam,'state.formParam')
+    state.formParam.affiliationName = state.formParam.affiliationName?.trim()
+    state.formParam.affiliationUserList = [...state.formParam?.actArray,...state.formParam?.leveOneArray,...state.formParam?.leveTwoArray,...state.formParam?.leveThreeArray]
+    state.formParam.orglistName = state.formParam.affiliationOrgList?.map(item=>item.id).join(',')
+    const formItemNames = Object.keys(rules);
+    for(let i=0;i<formItemNames.length;i++){
+      const result = await validateField(formItemNames[i]);
+      if (result) {
+        if(formItemNames[i]=='code' && !state.formParam.isParent){
+          return message.error(rules[formItemNames[i]][0].log2)
+        }else{
+          return message.error(rules[formItemNames[i]][0].log)
+        }
+      }
+    }
+    state.formParam.remark = state.formParam?.remark?.trim()
+    state.formParam.submitStatus = val
+    dialog({
+      content: val?'是否确认提交，一旦提交将进入（BPM系统）审核流程。':'是否确认保存？',
+      ok: () => {
+        if (state.vf == false) {
+          updateTrainOrg(state.formParam).then(res => {
+            if(res.data.code == 200){
+              message.success("修改成功");
+              cancel()
+              getTableDate();
+            }else{
+              message.error(res.data.msg)
+            }
+            state.teacherdialog = false;
+          }).catch(err=>{
+            message.destroy();
+            message.error(err.data.msg)
+            state.teacherdialog = false;
+            cancel()
+          })
+        }else {
+          addReviewer(state.formParam).then((res) => {
+            message.success("保存成功");
+            state.teacherdialog = false;
+            cancel()
+            searchSubmit();
+          }).catch(err=>{
+            message.destroy();
+            message.error(err.data.msg)
+            state.teacherdialog = false;
+            cancel()
+          })
+        }
+      }
+    })
+   };
+    const rules = {
+      affiliationCode: [{ required: true, message: '',log:'请选择培训发生组织编号' }],
+      affiliationName: [{ required: true, message: '',log:'请选择培训发生组织名称' }],
+      code: [{ required: true, message: '',log:'请选择根节点',log2:'请选择审批层级' }],
+      actValue: [{ required: true, message: '',log:'请选择组织担当' }],
+      leveOneValue: [{ required: true, message: '',log:'请选择一级审批人' }],
+      orglistName: [{ required: true, message: '',log:'请选择管理组织' }],
+
+    }
+        //回车
+        const enterPressHadlerSearch = e => {
+  console.log("e",e);
+    if (e.keyCode === 13) {
+      searchSubmit()
+
+    }
+};
+    return{
+        ...toRefs(state),
+        enterPressHadlerSearch,
+        rules,
+        formRef,
+        columns,
+        orgColumns,
+        tableData,
+        getTableDate,
+        searchSubmit,
+        selectRadio,
+        PlaceOfPayList,
+        PlaceOfPayListTwo,
+        placeData,
+        searchReset,
+        searchList,
+        deleteModal,
+        updateModal,
+        cancelTeacherDialog,
+        addTeacher,
+        downOpen,
+        addContentData,
+        handleModify,
+        closeDeleteTeacher,
+        changePagination,
+        TeacherSystem,
+        createTeacherDialog,
+        valueChange,
+        validateField,
+    }
+    }
+}
+
+</script>
+<style lang="scss" scoped>
+.headers {
+  height: 73px;
+  border-bottom: 1px solid #e8e8e8;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  // background-color: red;
+  margin-bottom: 20px;
+
+  .headerTitle {
+    font-size: 18px;
+    font-weight: 600;
+    color: #333333;
+    line-height: 25px;
+    // margin-left: 24px;
+  }
+}
+.tableBox {
+  padding-bottom: 20px;
+  margin: 20px 38px 30px;
+  ::v-deep .ant-select-dropdown{
+    display: inline-block;
+  }
+  ::v-deep .ant-select-selection-item{
+    margin-left: 3px;
+  }
+  ::v-deep .ant-pagination-options-size-changer.ant-select{
+    width: 84px;
+  }
+  .pa {
+    width: 100%;
+    display: flex;
+    justify-content: right;
+  }
+}
+.add_content{
+  width: 40px;
+  height: 40px;
+  cursor: pointer;
+  border-radius: 50%;
+  background-color: #4ea6ff;
+  text-align: center;
+  line-height: 40px;
+  color: #ffffff;
+  font-size: 26px;
+}
+//导出按钮icon
+.daochu {
+  width: 16px;
+  height: 18px;
+  background-image: url("../../assets/images/coursewareManage/export1.png");
+}
+
+//弹窗内详情样式
+.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;
+}
+
+.InsideLecturer {  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+position: relative;
+  .filter {
+    margin-left: 38px;
+    margin-right: 38px;
+    margin-top: 30px;
+    display: flex;
+    justify-content: space-between;
+    flex-wrap: wrap;
+      .select {
+        margin-right: 20px;
+        margin-bottom: 20px;
+      }
+    }}
+
+.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: 30%;
+  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;
+      }
+    }
+  }
+}
+
+.CreatePath {
+  .out {
+    z-index: 9999;
+    display: block;
+    position: absolute;
+    top: 90px;
+    width: 1080px !important;
+    height: 650px;
+    overflow: auto;
+    background-color: #fff;
+
+    box-shadow: 0 0 10px rgba(118, 136, 166, 0.21);
+    left: 50%;
+    top: 300px;
+    transform: translate(-50%, -50%);
+
+    .top {
+      width: 100%;
+      height: 68px;
+
+      background: linear-gradient(rgba(78, 166, 255, 0.2) 0%,
+          rgba(78, 166, 255, 0) 100%);
+      display: flex;
+      align-items: center;
+
+      .topimg {
+        width: 18px;
+        height: 18px;
+        margin-left: 27px;
+        margin-top: -2px;
+      }
+
+      .topc {
+        color: #000000;
+        font-size: 16px;
+        margin-left: 8px;
+      }
+    }
+
+    .mid {
+      width: 100%;
+      height: 100%;
+      background-color: #fff;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+
+      .d {
+        // margin-top: 8px;
+        // color: #ff4e4e;
+        margin-left: -5px;
+      }
+    }
+  }
+}
+
+// 重置样式
+.resetbtn {
+  width: 100px;
+  height: 40px;
+  border-radius: 8px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-right: 14px;
+  flex-shrink: 0;
+  cursor: pointer;
+  .search {
+    width: 15px;
+    height: 16px;
+    margin-right: 5px;
+    background: url("../../assets/images/courseManage/add0.png") no-repeat;
+    background-size: 100% 100%;
+  }
+}
+.btnn {
+  padding: 0px 26px 0px 26px;
+  height: 40px;
+  background: #1890ff;
+  border-radius: 8px;
+  border: 1px solid #1890ff;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-right: 14px;
+  flex-shrink: 0;
+  cursor: pointer;
+
+  .btnText {
+    font-size: 14px;
+    font-weight: 400;
+    color: #fff;
+    line-height: 36px;
+    margin-left: 5px;
+  }
+  .daochu {
+    width: 16px;
+    height: 18px;
+    background-image: url("../../assets/images/coursewareManage/export1.png");
+  }
+}
+
+//展开收起样式
+.moreidbtn {
+  border: none;
+  color: #4ea6ff;
+  width: 80px
+}
+
+//小竖线
+.line{
+  float:left; width: 3px; height: 25px; background: #4ea6ff;border-radius: 30%; margin-right: 5px;
+}
+//抽屉功能
+.drawaer
+/* 改变所有 a-tree-select 输入框的高度 */
+.ant-tree-select .ant-select-selection {
+  height: 40px;
+  line-height: 40px;
+  /* 确保文字垂直居中 */
+}
+.draitem{
+ width: 100%;
+  height: 40px !important; 
+  border-radius: 8px;
+  line-height: 40px;
+}
+.drabtn{
+  height:40px;
+  width:80px;
+  border-radius:8px;
+  margin-right:20px
+}
+ ::v-deep  .ant-select:not(.ant-select-customize-input) .ant-select-selector{
+  border-radius:8px;
+  height:40px;
+  line-height: 40px;
+  text-align: left;
+}
+.ant-col-12{
+  height:90px;
+}
+.item_inp {
+            flex: 1;
+            text-align: center ;
+            .i_upload_img {
+              width: 100px;
+              height: 100px;
+              border-radius: 8px;
+            }
+
+            .i_upload {
+              width: 100px;
+              height: 100px;
+              border: 1px solid #4ea6ff;
+              border-radius:50%;
+              text-align: center;
+              align-items: center;
+              cursor: pointer;
+
+              .addimg {
+                position: relative;
+
+                .heng {
+                  position: absolute;
+                  top: 50px;
+                  left: 25px;
+                  width: 50px;
+                  border: 1px solid #4ea6ff;
+                }
+
+                .shu {
+                  position: absolute;
+                  top: 25px;
+                  left: 50px;
+                  height: 50px;
+                  border: 1px solid #4ea6ff;
+                }
+              }
+            }
+
+            .ant-upload.ant-upload-select-picture-card {
+              border: 0px !important;
+              border-radius: 50%!important;
+            }
+          }
+          .ant-upload.ant-upload-select-picture-card {
+            border: 0px !important;
+              border-radius: 50%!important;
+          }
+
+</style>
\ No newline at end of file
diff --git a/src/views/lecturer/TeachingRecord.vue b/src/views/lecturer/TeachingRecord.vue
new file mode 100644
index 00000000..4134ae6b
--- /dev/null
+++ b/src/views/lecturer/TeachingRecord.vue
@@ -0,0 +1,315 @@
+<!-- 授课记录 -->
+<template>
+    <div class="TeachingRecord" >
+      <div style="margin: 20px;margin-top:0;" >
+      <a-tabs v-model:activeKey="activeKey">
+    <a-tab-pane key="1" tab="内部讲师授课记录">
+<InsideTeaching/>
+       </a-tab-pane>
+    <a-tab-pane key="2" tab="外部讲师授课记录">
+      <ExternalTeaching/>
+       </a-tab-pane>
+  </a-tabs>
+    </div>
+    </div>
+  </template>
+  <script lang="jsx">
+  import { reactive, toRefs, ref, watch } from "vue";
+  import InsideTeaching from "../lecturer/InsideTeaching.vue"
+  import ExternalTeaching from "../lecturer/ExternalTeaching.vue"
+   export default {
+    name: "TeachingRecord",
+    components: {
+      InsideTeaching,
+      ExternalTeaching,
+    },
+    setup() {
+      const state = reactive({
+        activeKey:'1'
+      })
+      watch(
+      )
+     return {
+        ...toRefs(state), 
+    
+      }
+    },
+  };
+  </script>
+  <style lang="scss" scoped>
+  ::v-deep .ant-tabs-tab{
+    font-weight: 600;
+  }
+.TeachingRecord {
+  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: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;
+    }
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/views/projectcenter/AddOrgContent.vue b/src/views/projectcenter/AddOrgContent.vue
new file mode 100644
index 00000000..4eb375ef
--- /dev/null
+++ b/src/views/projectcenter/AddOrgContent.vue
@@ -0,0 +1,244 @@
+<template>
+  <div class="twoDimensionalCode">
+    <!--选择教师专长页面 -->
+    <a-modal
+      :visible="showContent"
+      :footer="null"
+      :closable="closableQR"
+      wrapClassName="codeModal"
+      style="margin-top: 400px"
+      :zIndex="9999"
+      @cancel="qr_exit"
+    >
+      <div class="QR">
+        <div class="qr_header"></div>
+        <div class="qr_main">
+          <div class="qrm_header">
+            <span style="title">{{Addtitle}}</span>
+            <div class="close_exit" @click="closeCodeModal"></div>
+          </div>
+          <div class="line"></div>
+          <div class="content">
+            <div class="left">
+              <a-tree checkable :tree-data="treeData" :loading="orgLoading"
+              :load-data="onLoadData" v-model:expandedKeys="expandedKeys"
+                v-model:selectedKeys="selectedKeys"
+                v-model:checkedKeys="checkedKeys" :fieldNames="{
+                children: 'treeChildList',
+                key: 'id',
+                title: 'name',
+                value: 'name',
+              }" @check="onCheck">
+            </a-tree>
+            </div>
+            <div class="right">
+              <div class="headers">
+                <div>已选择标签<span style="color: #4ea6ff;margin-left:5px;">{{treeAddData?.length}}</span>个</div>
+                <div class="header_right" @click="clearTree">清空</div>
+              </div>
+              <div class="tags">
+                <div
+                  class="tag"
+                  v-for="(item, index) in treeAddData"
+                  :key="index"
+                >
+                  <div>{{ item?.name }}</div>
+                  <div @click="deleteTree(item)" class="tag_delete">+</div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div class="footer">
+          <a-button style="margin-right: 20px;" @click="closeCodeModal">取消</a-button>
+          <a-button type="primary" @click="queryCreate">确定</a-button>
+        </div>
+      </div>
+    </a-modal>
+  </div>
+</template>
+<script setup>
+import { reactive, toRefs, watch,ref,computed } from "vue";
+import { message } from "ant-design-vue";
+import { useStore } from "vuex";
+import { ORG_CHILD_LIST, ORG_LIST} from "@/api/apis";
+import { defineProps,defineEmits } from "vue";
+import { request, useRequest} from "@/api/request";
+  const props =  defineProps({
+    showContent: {
+      type: Boolean,
+      default: false,
+    },
+    Addtitle:{
+      type:String,
+      default: true,
+    },
+    AddContentList:{
+      type:Array,
+      default: ()=>[],
+    }
+  })
+  const emit = defineEmits({})
+  const treeAddData = ref([])
+  const { data: treeData, loading: orgLoading } = useRequest(
+    ORG_LIST,
+    { keyword: "" },
+  );
+  function onLoadData(treeNode) {
+    return request(ORG_CHILD_LIST, { keyword: "", orgId: treeNode.id }).then(
+      (r) => {
+        // r.data.map(item=>item.disabled = true)
+        treeNode.dataRef.treeChildList = r.data;
+        treeData.value = [...treeData.value];
+      }
+    );
+  }
+  watch(()=>props.showContent, (val) => {
+    if(!val){
+      expandedKeys.value = []
+      selectedKeys.value = []
+      checkedKeys.value = []
+    }
+  });
+  const onCheck = (checkedKeys, {checked: bool, checkedNodes, node, event}) => {
+    treeAddData.value = checkedNodes.filter(node => !node.treeChildList || node.treeChildList.length === 0);
+  }
+  const clearTree = () => {
+    treeAddData.value = [];
+    checkedKeys.value = [];
+  }
+  const deleteTree = (item) => {
+    treeAddData.value = treeAddData.value.filter(node => node.id !== item.id);
+    checkedKeys.value = treeAddData.value.map(item=>item.id)
+  }
+  const closeCodeModal = () => {
+    emit("update:showContent", false);
+    clearTree()
+  };
+  const queryCreate = () => {
+    emit("AddContentList", treeAddData.value);
+    closeCodeModal()
+  }
+  const expandedKeys = ref([]);
+  const selectedKeys = ref([]);
+  const checkedKeys = ref([]);
+</script>
+<style scoped lang="scss">
+.twoDimensionalCode {
+}
+.codeModal {
+  .ant-modal {
+    .ant-modal-content {
+      width: 479px !important;
+      .ant-modal-body {
+        .QR {
+          z-index: 9999;
+          width: 700px;
+          background: #ffffff;
+          box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21);
+          position: absolute;
+          left: 50%;
+          top: 10%;
+          transform: translate(-50%, -50%);
+          .qr_header {
+            position: absolute;
+            width: calc(100%);
+            height: 40px;
+            // background: linear-gradient(
+            //   rgba(78, 166, 255, 0.2) 0%,
+            //   rgba(78, 166, 255, 0) 100%
+            // );
+          }
+          .qr_main {
+            width: 100%;
+            position: relative;
+            .qrm_header {
+              display: flex;
+              align-items: center;
+              padding-top: 20px;
+              padding-left: 26px;
+              font-size: 16px;
+              .title {
+                font-size: 16px;
+                font-weight: 600;
+                color: #333333;
+                line-height: 22px;
+              }
+              .close_exit {
+                position: absolute;
+                right: 42px;
+                cursor: pointer;
+                width: 20px;
+                height: 20px;
+                background-image: url(@/assets/images/coursewareManage/close.png);
+                background-size: 100% 100%;
+              }
+            }
+            .line{
+              height: 1px;
+              margin-top: 16px;
+              background-color: #666666;
+            }
+            .content{
+              display: flex;
+              min-height: 500px;
+              .left{
+                width: 50%;
+                border-right: 1px solid #666666;
+                padding: 30px 15px;
+                max-height: 600px;
+                overflow-y: auto;
+              }
+              .right{
+                width: 50%;
+                // max-height: 600px;
+                // overflow-y: auto;
+                .headers{
+                  display: flex;
+                  justify-content: space-between;
+                  margin: 30px 15px;
+                  .header_right{
+                    color: #666666;
+                    cursor: pointer;
+                  }
+                }
+                .tags{
+                  max-height: 500px;
+                  overflow-y: auto;
+                  padding: 0 15px;
+                  .tag{
+                    height: 44px;
+                    padding: 0 15px;
+                    display: flex;
+                    justify-content: space-between;
+                    align-items: center;
+                    .tag_delete{
+                      display: none;
+                      color: #4ea6ff;
+                      transform: rotate(45deg);
+                      font-size: 26px;
+                      cursor: pointer;
+                    }
+                  }
+                  .tag:hover .tag_delete {
+                    display: block;
+                  }
+                  .tag:hover {
+                    background-color: aliceblue;
+                  }
+                }
+              }
+            }
+          }
+          .footer{
+            height: 60px;
+            text-align: right;
+            padding: 13px 30px;
+            border-top: 1px solid #666666;
+          }
+        }
+      }
+    }
+  }
+}
+</style>
diff --git a/src/views/projectcenter/ProjectManage copy.vue b/src/views/projectcenter/ProjectManage copy.vue
new file mode 100644
index 00000000..0bec868e
--- /dev/null
+++ b/src/views/projectcenter/ProjectManage copy.vue	
@@ -0,0 +1,2721 @@
+<!-- 项目页面 -->
+<template>
+  <div class="projectManage">
+    <!-- 搜索框及按钮 -->
+    <div class="filter">
+      <div class="filterItems">
+        <div class="select">
+          <a-input
+            v-model:value="searchParam.name"
+            style="width: 270px; height: 40px; border-radius: 8px"
+            placeholder="请输入项目名称1"
+            allowClear
+            showSearch
+          >
+          </a-input>
+        </div>
+        <div class="select">
+          <a-input
+            v-model:value="searchParam.manager"
+            style="width: 270px; height: 40px; border-radius: 8px"
+            placeholder="请输入项目经理"
+            allowClear
+            showSearch
+          >
+          </a-input>
+        </div>
+        <div class="select">
+          <a-input
+            v-model:value="searchParam.createName"
+            style="width: 270px; height: 40px; border-radius: 8px"
+            placeholder="请输入项目创建人"
+            allowClear
+            showSearch
+          >
+          </a-input>
+        </div>
+        <div class="select">
+          <a-select
+            v-model:value="searchParam.searchStatus"
+            style="width: 270px"
+            placeholder="请选择状态"
+            :options="sProjectStateList"
+            allowClear
+          ></a-select>
+        </div>
+        <div class="select addTimeBox">
+          <div class="addTime">创建时间：</div>
+          <!--
+          <a-range-picker
+              :show-time="{ format: 'HH:mm' }"
+              v-model:value="searchParam.valueDate"
+              format="YYYY-MM-DD"
+              style="border-radius: 8px; height: 40px; margin-left: 5px"
+              :placeholder="['      开始时间', '        结束时间']"
+
+          />-->
+          <a-range-picker
+            v-model:value="searchParam.valueDate"
+            style="width: 420px"
+            format="YYYY-MM-DD"
+            separator="至"
+            :placeholder="['      开始时间', '        结束时间']"
+          />
+        </div>
+        <div style="display: flex; margin-bottom: 20px">
+          <div class="btnn btn1" @click="searchSubmit">
+            <div class="search"></div>
+            <div class="btnText">搜索</div>
+          </div>
+          <div class="btn btn2" @click="searchReset">
+            <div class="search"></div>
+            <div class="btnText">重置</div>
+          </div>
+        </div>
+      </div>
+      <div class="btns">
+        <div class="btn btn3" @click="showModal1">
+          <div class="search"></div>
+          <div class="btnText">创建项目</div>
+        </div>
+      </div>
+    </div>
+    <!-- 搜索框及按钮 -->
+    <!-- 表格 -->
+    <div style="padding: 10px 35px">
+      <a-table
+        :header-cell-style="{ 'text-align': 'center' }"
+        style="border: 1px solid #f2f6fe"
+        :columns="columns"
+        :data-source="tableData"
+        :loading="tableLoading"
+        @expand="expandTable"
+        :scroll="{ x: 'max-content' }"
+        :pagination="false"
+      >
+        <template #bodyCell="{ record, column }">
+          <template v-if="column.key === 'operation'">
+            <a-space>
+              <a-button
+                v-if="
+                  (record.status === 0 ||
+                    record.status === 2 ||
+                    record.status === -5) &&
+                  checkPer(record.permissions)
+                "
+                @click="handleEdit(record)"
+                type="link"
+                >编辑</a-button
+              >
+              <a-button
+                v-if="record.type === 1 && checkPer(record.permissions)"
+                @click="createSub(record)"
+                type="link"
+                >创建子项目</a-button
+              >
+              <a-button
+                v-if="record.type === 2 && checkPer(record.permissions)"
+                @click="createClass(record)"
+                type="link"
+                >创建班级</a-button
+              >
+              <a-button
+                v-if="
+                  record.status === 0 &&
+                  record.type === 3 &&
+                  checkPer(record.permissions)
+                "
+                @click="showReviewModal(record.id)"
+                type="link"
+                >提交审核</a-button
+              >
+              <a-button
+                v-if="
+                  record.status === 1 &&
+                  record.type === 3 &&
+                  checkPer(record.permissions)
+                "
+                @click="showRecallReviewModal(record.id)"
+                type="link"
+                >撤回审核</a-button
+              >
+              <a-button
+                v-if="
+                  record.status === 2 &&
+                  record.type === 3 &&
+                  checkPer(record.permissions)
+                "
+                @click="push(record)"
+                type="link"
+                >发布</a-button
+              >
+              <a-button
+                v-if="
+                  record.status === 3 &&
+                  record.type === 3 &&
+                  checkPer(record.permissions)
+                "
+                @click="showBackModal(record.id)"
+                type="link"
+                >撤回发布</a-button
+              >
+              <a-button v-if="record.type === 3" @click="baseInfo(record)" type="link">管理</a-button>
+              <DropDown v-if="checkOwner(record.permissions)" value="授权">
+                <OwnerTableModelStudent
+                  :types="[4, 5, 6]"
+                  :id="record.id"
+                  :type="6"
+                  >权限名单</OwnerTableModelStudent
+                >
+                <CommonStudent :type="4" :id="record.id" title="查看权"
+                  >查看权</CommonStudent
+                >
+                <CommonStudent :type="5" :id="record.id" title="管理权"
+                  >管理权</CommonStudent
+                >
+              </DropDown>
+              <DropDown v-if="checkPer(record.permissions)" value="更多">
+                <a-button @click="showCopyModal(record.id)" type="link"
+                  >复制</a-button
+                >
+                <a-button
+                  v-if="record.status !== 3"
+                  @click="showDeleteModal(record.id)"
+                  type="link"
+                  danger
+                  >删除</a-button
+                >
+                <a-button
+                  v-if="record.status === 3"
+                  @click="showStartModal(record.id)"
+                  type="link"
+                  >存为模版</a-button
+                >
+                <a-button
+                  v-if="record.status === 3 && record.type === 3"
+                  @click="showStopModal(record.id)"
+                  type="link"
+                  >结束</a-button
+                >
+              </DropDown>
+              <!-- <a-button
+                  v-if="record.status == -1"
+                  @click="showBackFinashModal(record.id)"
+                  type="link"
+                  >撤回</a-button
+                > -->
+            </a-space>
+          </template>
+        </template>
+      </a-table>
+      <div class="tableBox">
+        <div class="pa">
+          <a-pagination
+            v-if="tableDataTotal > 10"
+            :showSizeChanger="false"
+            :showQuickJumper="true"
+            :hideOnSinglePage="true"
+            :pageSize="pageSize"
+            v-model:current="searchParam.pageNo"
+            :total="tableDataTotal"
+            class="pagination"
+            @change="changePagination"
+          />
+        </div>
+      </div>
+    </div>
+    <!-- 表格 -->
+    <!-- 无项目 -->
+    <div style="display: none">
+      <div
+        class="taskbox"
+        @click="showModal1"
+        style="background: linear-gradient(180deg, #ddeaff, #f0f8fe)"
+      >
+        <div class="leftt">
+          <img src="../../assets/images/taskpage/left2.png" />
+        </div>
+        <div class="photo">
+          <img src="../../assets/images/projectadd/nopro.png" />
+        </div>
+        <div class="rightt">
+          <img src="../../assets/images/taskpage/right2.png" />
+        </div>
+        <div class="centerbox" style="color: rgba(78, 166, 255, 1)">
+          创建项目
+        </div>
+        <div class="centermain">点击创建项目任务</div>
+      </div>
+    </div>
+    <!-- 创建多层项目弹窗 -->
+    <div>
+      <a-modal
+        v-model:visible="doublepro"
+        :title="null"
+        @ok="closeModal2"
+        :footer="null"
+        :closable="false"
+        wrapClassName="doublepro"
+        width="624px"
+        height="476px"
+      >
+        <div
+          class="modalHeader"
+          style="
+            width: 100%;
+            height: 68px;
+            display: flex;
+            align-items: center;
+            justify-content: space-between;
+          "
+        >
+          <div class="headerLeft" style="margin-left: 32px">
+            <span class="headerLeftText" style="font-size: 16px"
+              >{{ projectInfo.projectId ? "编辑" : "创建" }}多层项目</span
+            >
+          </div>
+          <div style="cursor: pointer; margin-right: 32px" @click="closeModal2">
+            <img
+              style="width: 22px; height: 22px"
+              src="../../assets/images/basicinfo/close22.png"
+            />
+          </div>
+        </div>
+        <div class="modalMain">
+          <div
+            style="margin-left: 40px; margin-top: 40px; width: 78%"
+            v-if="projectInfo.parentName"
+          >
+            <span style="color: #000000; font-size: 14px">项目归属：</span>
+            <span style="color: #999999; font-size: 14px; margin-left: 10px">{{
+              projectInfo.parentName
+            }}</span>
+          </div>
+          <div class="name">
+            <div class="star" style="margin-top: -4px">
+              <img
+                style="width: 10px; height: 10px"
+                src="../../assets/images/basicinfo/asterisk.png"
+              />
+              <!-- 11 -->
+            </div>
+            <div class="inname">项目名称:</div>
+            <div class="in pro">
+              <NameInput
+                placeholder="请输入项目名称"
+                v-model:value="projectInfo.name"
+                v-model:validated="projectInfo.validated"
+                :type="1"
+                :maxlength="30"
+                show-count
+                :onceName="onceName"
+                :id="projectInfo.projectId"
+              ></NameInput>
+            </div>
+          </div>
+          <div class="name">
+            <div class="star" style="margin-top: -4px">
+              <img
+                style="width: 10px; height: 10px"
+                src="../../assets/images/basicinfo/asterisk.png"
+              />
+            </div>
+            <div class="inname">培训分类:</div>
+            <div class="in select">
+              <TrainClass v-model:value="projectInfo.systemId"></TrainClass>
+            </div>
+          </div>
+          <div class="name">
+            <div class="star" style="margin-top: -4px">
+              <img
+                style="width: 10px; height: 10px"
+                src="../../assets/images/basicinfo/asterisk.png"
+              />
+            </div>
+            <div class="inname">项目经理:</div>
+            <div class="in">
+              <ProjectManager
+                v-model:value="projectInfo.managerId"
+                v-model:name="projectInfo.manager"
+                @onChange="managerChange"
+                mode="multiple"
+              ></ProjectManager>
+            </div>
+          </div>
+          <div class="name">
+            <div class="star" style="margin-top: -4px">
+              <img
+                style="width: 10px; height: 10px"
+                src="../../assets/images/basicinfo/asterisk.png"
+              />
+            </div>
+            <div class="inname">资源归属:</div>
+            <div class="in select">
+              <OrgClass
+                v-model:value="projectInfo.sourceBelongId"
+                v-model:name="projectInfo.sourceBelongName"
+                v-model:fullName="projectInfo.sourceBelongFullName"
+              ></OrgClass>
+            </div>
+          </div>
+          <div class="pubtn">
+            <a-button class="pubtn2" @click="closeModal2" style="margin-right: 32px;">取消</a-button>
+            <a-button class="pubtn2" @click="createStoreyProject" :loading="buttonLoading || projectInfo.validated===1"
+              >确定
+            </a-button>
+          </div>
+        </div>
+      </a-modal>
+    </div>
+    <!-- 创建多层项目弹窗 -->
+    <div>
+      <a-modal
+        v-model:visible="sonproject"
+        :title="null"
+        @ok="closeModal"
+        :footer="null"
+        :closable="false"
+        wrapClassName="sonproject"
+        width="764px"
+        height="356px"
+      >
+        <div
+          class="modalHeader"
+          style="
+            width: 100%;
+            height: 68px;
+            display: flex;
+            align-items: center;
+            justify-content: space-between;
+          "
+        >
+          <div class="headerLeft" style="margin-left: 32px">
+            <span class="headerLeftText" style="font-size: 16px"
+              >请选择项目类别1</span
+            >
+          </div>
+          <div style="cursor: pointer; margin-right: 32px" @click="closeModal">
+            <img
+              style="width: 22px; height: 22px"
+              src="../../assets/images/basicinfo/close22.png"
+            />
+          </div>
+        </div>
+        <div class="modalMain">
+          <div
+            @click="createChildProject"
+            class="taskbox"
+            style="
+              margin-right: 24px;
+              background: linear-gradient(180deg, #ddeaff 0%, #f0f8fe 100%);
+            "
+          >
+            <div class="leftt">
+              <img src="../../assets/images/taskpage/left2.png" />
+            </div>
+            <div class="photo">
+              <img src="../../assets/images/taskpage/picture4.png" />
+            </div>
+            <div class="rightt">
+              <img src="../../assets/images/taskpage/right2.png" />
+            </div>
+            <div class="centerbox" style="color: rgba(78, 166, 255, 1)">
+              单层子项目
+            </div>
+          </div>
+          <div
+            class="taskbox"
+            @click="showModal3"
+            style="
+              background: linear-gradient(180deg, #fef3dd 0%, #fffaf0 100%);
+            "
+          >
+            <div class="leftt">
+              <img src="../../assets/images/taskpage/left1.png" />
+            </div>
+            <div class="photo">
+              <img src="../../assets/images/taskpage/picture5.png" />
+            </div>
+            <div class="rightt">
+              <img src="../../assets/images/taskpage/right1.png" />
+            </div>
+            <div class="centerbox" style="color: rgba(255, 182, 78, 1)">
+              多层子项目
+            </div>
+          </div>
+        </div>
+      </a-modal>
+    </div>
+    <!-- 创建子项目弹窗 -->
+    <!-- 创建项目弹窗 -->
+    <div>
+      <div>
+        <a-modal
+          v-model:visible="estabish"
+          :title="null"
+          @ok="closeModal1"
+          :footer="null"
+          :closable="false"
+          wrapClassName="estabish"
+          width="638px"
+          height="468px"
+        >
+          <div
+            class="modalHeader"
+            style="
+              width: 100%;
+              height: 68px;
+              display: flex;
+              align-items: center;
+              justify-content: space-between;
+            "
+          >
+            <div class="headerLeft" style="margin-left: 32px">
+              <span class="headerLeftText" style="font-size: 16px"
+                >请选择项目类别</span
+              >
+            </div>
+            <div
+              style="cursor: pointer; margin-right: 32px"
+              @click="closeModal1"
+            >
+              <img
+                style="width: 22px; height: 22px"
+                src="../../assets/images/basicinfo/close22.png"
+              />
+            </div>
+          </div>
+          <div class="modalMain">
+            <router-link
+              :to="`/projectadd?parentId=${
+                projectInfo.parentId || ''
+              }&parentName=${projectInfo.parentName || ''}`"
+            >
+              <div
+                class="taskbox"
+                style="
+                  background: linear-gradient(180deg, #ddeaff 0%, #f0f8fe 100%);
+                "
+              >
+                <div class="leftt">
+                  <img src="../../assets/images/taskpage/left2.png" />
+                </div>
+                <div class="photo">
+                  <img src="../../assets/images/taskpage/picture6.png" />
+                </div>
+                <div class="rightt">
+                  <img src="../../assets/images/taskpage/right2.png" />
+                </div>
+                <div class="centerbox" style="color: rgba(78, 166, 255, 1)">
+                  单层{{ projectInfo.parentId ? "子" : "" }}项目
+                </div>
+                <div class="centermain">
+                  不包含子项目，直接填写项目基础信息后创建任务
+                </div>
+              </div>
+            </router-link>
+            <div
+              class="taskbox"
+              @click="showModal2"
+              style="
+                margin-bottom: 40px;
+                background: linear-gradient(180deg, #e5f6ec 0%, #eef9f3 100%);
+              "
+            >
+              <div class="leftt">
+                <img src="../../assets/images/taskpage/left3.png" />
+              </div>
+              <div class="photo">
+                <img src="../../assets/images/taskpage/picture7.png" />
+              </div>
+              <div class="rightt">
+                <img src="../../assets/images/taskpage/right3.png" />
+              </div>
+              <div class="centerbox1" style="color: rgba(93, 201, 136, 1)">
+                多层{{ projectInfo.parentId ? "子" : "" }}项目
+              </div>
+              <div class="centermain1">
+                {{
+                  projectInfo.parentId
+                    ? "可创建班级，通过班级填写基础信息并创建任务"
+                    : "包含子项目，分为多层子项目和单层子项目，多层子项目可创建班级，通过班级填写基础信息并创建任务"
+                }}
+              </div>
+            </div>
+          </div>
+        </a-modal>
+      </div>
+    </div>
+    <!-- 创建项目弹窗 -->
+    <!-- 编辑多层项目弹窗 - end -->
+    <!-- 复制路径弹窗 -->
+    <a-modal
+      v-model:visible="copyModal"
+      :footer="null"
+      :closable="closeCopy"
+      wrapClassName="CopyModal"
+      centered="true"
+    >
+      <div class="delete">
+        <div class="del_header"></div>
+        <div class="del_main">
+          <div class="header">
+            <div class="icon"></div>
+            <span>提示</span>
+            <div class="close_exit" @click="closeCopyModal"></div>
+          </div>
+          <div class="body">
+            <span>您确定要复制此项目吗</span>
+          </div>
+          <div class="del_btnbox">
+            <div class="del_btn btn2" @click="closeCopyModal" style="margin-right: 32px;">
+              <div class="btnText">取消</div>
+            </div>
+            <div class="del_btn btn2" @click="copyProject">
+              <div class="btnText">确定</div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </a-modal>
+    <!-- 结束项目弹窗 -->
+    <a-modal
+      v-model:visible="stopModal"
+      :footer="null"
+      :closable="closeStop"
+      wrapClassName="CopyModal"
+      centered="true"
+    >
+      <div class="delete">
+        <div class="del_header"></div>
+        <div class="del_main">
+          <div class="header">
+            <div class="icon"></div>
+            <span>提示</span>
+            <div class="close_exit" @click="closeStopModal"></div>
+          </div>
+          <div class="body">
+            <span>是否结束项目</span>
+            <div class="back">
+              （项目结束后学员将无法继续学习，此操作不可逆）
+            </div>
+          </div>
+          <div class="del_btnbox">
+            <div class="del_btn btn2" @click="closeStopModal" style="margin-right: 32px;">
+              <div class="btnText">取消</div>
+            </div>
+            <div class="del_btn btn2" @click="finishProject">
+              <div class="btnText">确定</div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </a-modal>
+    <!-- 删除项目弹窗 -->
+    <a-modal
+      v-model:visible="deleteModal"
+      :footer="null"
+      :closable="closeDelete"
+      wrapClassName="CopyModal"
+      centered="true"
+    >
+      <div class="delete">
+        <div class="del_header"></div>
+        <div class="del_main">
+          <div class="header">
+            <div class="icon"></div>
+            <span>提示</span>
+            <div class="close_exit" @click="closeDeleteModal"></div>
+          </div>
+          <div class="body">
+            <span>您确定要删除此项目吗</span>
+          </div>
+          <div class="del_btnbox">
+            <div class="del_btn btn2" @click="closeDeleteModal" style="margin-right: 32px;">
+              <div class="btnText">取消</div>
+            </div>
+            <div class="del_btn btn2" @click="deleteProject">
+              <div class="btnText">确定</div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </a-modal>
+    <!-- 存为模版弹窗 -->
+    <a-modal
+      v-model:visible="startModal"
+      :footer="null"
+      :closable="closeStart"
+      wrapClassName="CopyModal"
+      centered="true"
+    >
+      <div class="delete">
+        <div class="del_header"></div>
+        <div class="del_main">
+          <div class="header">
+            <div class="icon"></div>
+            <span>提示</span>
+            <div class="close_exit" @click="closeStartModal"></div>
+          </div>
+          <div class="body">
+            <span>您确定要存为模版吗</span>
+          </div>
+          <div class="del_btnbox">
+            <div class="del_btn btn2" @click="closeStartModal" style="margin-right: 32px;">
+              <div class="btnText">取消</div>
+            </div>
+            <div class="del_btn btn2" @click="templateProject">
+              <div class="btnText">确定</div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </a-modal>
+    <!-- 发布弹窗 -->
+    <a-modal
+      v-model:visible="projectPub"
+      :title="null"
+      :footer="null"
+      :closable="false"
+      wrapClassName="projectPub"
+      width="679px"
+      height="437px"
+    >
+      <div
+        class="modalHeader"
+        style="
+          width: 100%;
+          height: 68px;
+          display: flex;
+          align-items: center;
+          justify-content: space-between;
+        "
+      >
+        <div class="headerLeft" style="margin-left: 32px">
+          <span style="width: 15px; height: 15px"
+            ><img src="../../assets/images/taskpage/pub.png"
+          /></span>
+          <span
+            class="headerLeftText"
+            style="font-size: 16px; margin-left: 10px"
+            >项目发布</span
+          >
+        </div>
+        <div
+          style="cursor: pointer; margin-right: 32px"
+          @click="closeProjectPub"
+        >
+          <img
+            style="width: 22px; height: 22px"
+            src="../../assets/images/basicinfo/close22.png"
+          />
+        </div>
+      </div>
+      <div class="modalMain">
+        <div class="projectname">{{ releaseProjectName }}</div>
+        <div class="projecttime" v-if="releaseProjectTime">
+          <span class="timeti">项目时间：</span
+          ><span class="timeme">{{ releaseProjectTime }}</span>
+        </div>
+        <div class="projectbox">
+          <div class="promessage">
+            <div class="messageme">项目信息</div>
+            <div class="messagege">
+              当前项目共{{ projectStages }}个阶段，{{ projectTasks }}个任务
+            </div>
+          </div>
+          <div class="stumessage">
+            <div class="messageme1">学员信息</div>
+            <div class="messagege1">项目共{{ projectStudentsNum }}名学员</div>
+          </div>
+        </div>
+        <!-- <div class="send">
+          <a-switch v-model:checked="checked" size="small" />
+          <span class="sendtext">发送路径通知</span>
+        </div>
+        <div class="ckb">
+          <a-checkbox v-model:checked="checkedTeacher"
+            ><span class="sendpeo">发给老师</span></a-checkbox
+          >
+          <a-checkbox v-model:checked="checkStu"
+            ><span class="sendpeo">发给学员</span></a-checkbox
+          >
+        </div> -->
+        <div class="pubtn">
+          <a-button class="pubtn2" @click="closeProjectPub" style="margin-right: 32px;">取消</a-button>
+          <a-button class="pubtn2" @click="releaseProject">发布</a-button>
+        </div>
+      </div>
+      <!--  加载动画 -->
+      <div
+        class="aeLoading"
+        :style="{ display: projectPubLoading ? 'flex' : 'none' }"
+      >
+        <a-spin :spinning="projectPubLoading" />
+      </div>
+    </a-modal>
+    <!-- 撤回路径弹窗 -->
+    <a-modal
+      v-model:visible="backModal"
+      :footer="null"
+      :closable="closeBack"
+      wrapClassName="CopyModal"
+      centered="true"
+    >
+      <div class="delete">
+        <div class="del_header"></div>
+        <div class="del_main">
+          <div class="header">
+            <div class="icon"></div>
+            <span>提示</span>
+            <div class="close_exit" @click="closeBackModal"></div>
+          </div>
+          <div class="body">
+            <span>是否撤回项目</span>
+            <div class="back">（项目撤回后学员进度保留，发布后可继续学习）</div>
+          </div>
+          <div class="del_btnbox">
+            <div class="del_btn btn2" @click="closeBackModal" style="margin-right: 32px;">
+              <div class="btnText">取消</div>
+            </div>
+            <div class="del_btn btn2" @click="recallProject">
+              <div class="btnText">确定</div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </a-modal>
+    <!--    撤回结束弹窗-->
+    <a-modal
+      v-model:visible="backFinashModal"
+      :footer="null"
+      :closable="closeBack"
+      wrapClassName="CopyModal"
+      centered="true"
+    >
+      <div class="delete">
+        <div class="del_header"></div>
+        <div class="del_main">
+          <div class="header">
+            <div class="icon"></div>
+            <span>提示</span>
+            <div class="close_exit" @click="closeBackFinashModal"></div>
+          </div>
+          <div class="body">
+            <span>是否撤回结束</span>
+            <div class="back">（项目撤回结束后学员可继续学习）</div>
+          </div>
+          <div class="del_btnbox">
+            <div class="del_btn btn2" @click="closeBackFinashModal" style="margin-right: 32px;">
+              <div class="btnText">取消</div>
+            </div>
+            <div class="del_btn btn2" @click="reFinashedProject">
+              <div class="btnText">确定</div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </a-modal>
+    <!-- 创建项目提示框 -->
+    <!--    <a-modal-->
+    <!--      v-model:visible="reminderModal"-->
+    <!--      :footer="null"-->
+    <!--      :closable="closeBack"-->
+    <!--      wrapClassName="CopyModal"-->
+    <!--      centered="true"-->
+    <!--    >-->
+    <!--      <div class="delete">-->
+    <!--        <div class="del_header"></div>-->
+    <!--        <div class="del_main">-->
+    <!--          <div class="header">-->
+    <!--            <div class="icon"></div>-->
+    <!--            <span>温馨提示</span>-->
+    <!--            <div class="close_exit" @click="closeReminderModal"></div>-->
+    <!--          </div>-->
+    <!--          <div class="body">-->
+    <!--            <div style="margin-left: 60px; margin-right: 60px">-->
+    <!--              请您根据自身需求选择对应项目类别，多层项目与单层项目操作不同，层级不同-->
+    <!--            </div>-->
+    <!--          </div>-->
+    <!--          <div class="del_btnbox">-->
+    <!--            <div class="del_btn btn2" @click="okReminderModal">-->
+    <!--              <div class="btnText">好的</div>-->
+    <!--            </div>-->
+    <!--          </div>-->
+    <!--        </div>-->
+    <!--      </div>-->
+    <!--    </a-modal>-->
+    <!-- 项目提交审核弹窗 -->
+    <a-modal
+      v-model:visible="reviewModal"
+      :footer="null"
+      :closable="false"
+      wrapClassName="CopyModal"
+      centered="true"
+    >
+      <div class="delete">
+        <div class="del_header"></div>
+        <div class="del_main">
+          <div class="header">
+            <div class="icon"></div>
+            <span>提示</span>
+            <div class="close_exit" @click="closeReviewModal"></div>
+          </div>
+          <div class="body">
+            <span>您确定要提交审核吗</span>
+            <div class="back"></div>
+          </div>
+          <div class="del_btnbox">
+            <div class="del_btn btn2" @click="closeReviewModal" style="margin-right: 32px;">
+              <div class="btnText">取消</div>
+            </div>
+            <div class="del_btn btn2" @click="reviewProject">
+              <div class="btnText">确定</div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </a-modal>
+    <!-- 项目撤回审核弹窗 -->
+    <a-modal
+      v-model:visible="recallReviewModal"
+      :footer="null"
+      :closable="false"
+      wrapClassName="CopyModal"
+      centered="true"
+    >
+      <div class="delete">
+        <div class="del_header"></div>
+        <div class="del_main">
+          <div class="header">
+            <div class="icon"></div>
+            <span>提示</span>
+            <div class="close_exit" @click="closeRecallReviewModal"></div>
+          </div>
+          <div class="body">
+            <span>您确定要撤回审核吗</span>
+            <div class="back"></div>
+          </div>
+          <div class="del_btnbox">
+            <div class="del_btn btn2" @click="closeRecallReviewModal" style="margin-right: 32px;">
+              <div class="btnText">取消</div>
+            </div>
+            <div class="del_btn btn2" @click="recallReviewProject">
+              <div class="btnText">确定</div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </a-modal>
+    <!-- 授权名单抽屉 -->
+    <proj-power-list
+      v-model:ProjPvisible="ProjPvisible"
+      :selectProjectId="selectProjectId"
+      classify="project"
+    />
+    <!-- 归属权抽屉 -->
+    <proj-owner-ship
+      v-model:ProjOwnervisible="ProjOwnervisible"
+      :selectProjectId="selectProjectId"
+      classify="project"
+    />
+    <!-- 查看权抽屉 -->
+    <proj-check-ship
+      v-model:ProjCheckvisible="ProjCheckvisible"
+      :selectProjectId="selectProjectId"
+      v-model:addAuthList="addAuthList"
+      :authClassify="authClassify"
+      classify="project"
+    />
+    <!-- 管理权抽屉 -->
+    <proj-check-ship
+      v-model:ProjCheckvisible="ProjCheckvisible"
+      :selectProjectId="selectProjectId"
+      v-model:addAuthList="addAuthList"
+      :authClassify="authClassify"
+      classify="project"
+    />
+  </div>
+</template>
+<script lang="jsx">
+import { reactive, toRefs, ref, watch } from "vue";
+import { message } from "ant-design-vue";
+import { useRouter } from "vue-router";
+import ProjOwnerShip from "../../components/drawers/ProjectOwn";
+import ProjPowerList from "../../components/drawers/ProjPowerList";
+import ProjCheckShip from "../../components/drawers/ProjCheckPower";
+import * as api from "../../api/index";
+import * as api1 from "../../api/index1";
+import ProjectManager from "@/components/project/ProjectManagerNew";
+import TrainClass from "@/components/project/TrainClass";
+import OrgClass from "@/components/project/OrgClass";
+import dayjs from "dayjs";
+import * as moment from "moment";
+import NameInput from "@/components/project/NameInput";
+import { validateName } from "@/api/index1";
+import CommonStudent from "@/components/student/CommonStudent";
+import OwnerTableModelStudent from "@/components/student/OwnerTableModelStudent";
+import DropDown from "@/components/common/DropDown";
+import { checkPer,checkOwner } from "@/utils/utils";
+
+export default {
+  name: "projectManage",
+  components: {
+    ProjOwnerShip,
+    ProjPowerList,
+    ProjCheckShip,
+    NameInput,
+    ProjectManager,
+    OrgClass,
+    TrainClass,
+    CommonStudent,
+    OwnerTableModelStudent,
+    DropDown,
+  },
+  setup() {
+    const state = reactive({
+      tableLoading: false,
+      buttonLoading: false,
+      projectName: null,
+      selectTime: null,
+      sonproject: false,
+      estabish: false,
+      doublepro: false,
+      eddoublepro: false,
+      eddoublesonpro: false,
+      doublesonpro: false,
+      copyModal: false, //复制弹窗
+      closeCopy: false, //复制弹窗关闭图标
+      stopModal: false, //停用弹窗
+      closeStop: false, //停用弹窗关闭图标
+      deleteModal: false, //删除弹窗
+      closeDelete: false, //删除弹窗关闭图标
+      startModal: false, //启用弹窗
+      closeStart: false, //启用弹窗关闭图标
+      projectPub: false, //发布弹窗
+      projectPubLoading: false, //发布loading
+      backModal: false, //撤回弹窗
+      closeBack: false, //撤回弹窗关闭图标
+      reminderModal: false, //温馨提示弹窗
+      reviewModal: false, //提交审核
+      recallReviewModal: false, //撤回审核
+      ProjOwnervisible: false,
+      ProjPvisible: false,
+      ProjCheckvisible: false,
+      ProjManagevisible: false,
+      currentProjectId: "",
+      currentProjectName: "",
+      currentEdProjectName: "",
+      currentEditChildrensProjectId: "",
+      dcProjectID: "",
+      currentPage: 1, //当前页
+      tableDataTotal: -1, //学习路径列表总数
+      pageSize: 10, //每页10条数据
+      projectStudentsNum: 0, //发布弹窗-学员人
+      projectStages: 0,
+      projectTasks: 0,
+      releaseProjectId: null, //发布的项目id
+      releaseProjectName: null, //发布的项目名称
+      releaseProjectTime: null, //发布的项目时间
+      recallProjectId: null, //撤回的项目id
+      finishProjectId: null, //结束的项目id
+      deleteProjectId: null, //删除的项目id
+      templateProjectId: null, //存为模版的项目id
+      copyProjectId: null, //复制项目id
+      reviewId: null, //提交审核id
+      recallReviewId: null, //撤回审核id
+      selectProjectId: null, //选择的授权id
+      addAuthList: null, //确定授权列表
+      authClassify: null, //显示的是管理权还是查看权
+      currentPage1: 1, //项目经理分页
+      pageSize1: 10,
+      projectInfo: {},
+      onceName:"",
+      projectClass: [],
+      managerList: [],
+      managerLoading: false,
+      backFinashModal: false,
+      memberParam: {
+        pageNo: 1,
+        pageSize: 10,
+        keyWord: "",
+      },
+      searchParam: {
+        pageNo: 1,
+        pageSize: 10,
+      },
+      valueDate: [],
+    });
+    // 数据接入 - start -
+    const router = useRouter();
+    const sProjectStateList = ref([
+      { value: 0, label: "草稿" },
+      { value: 1, label: "进行中" },
+      { value: 2, label: "已结束" },
+    ]);
+    const searchReset = () => {
+      state.searchParam = { pageNo: 1, pageSize: 10 };
+      getTableDate();
+    };
+    const searchSubmit = () => {
+      state.searchParam.pageNo = 1;
+      getTableDate();
+    };
+
+    function timeChange(e) {
+      console.log(e);
+      if (e && e.length === 2) {
+        state.searchParam.beginTime = e[0];
+        state.searchParam.endTime = e[1];
+      } else {
+        state.searchParam.beginTime = "";
+        state.searchParam.endTime = "";
+      }
+    }
+
+    function validate(obj, errorMsgs) {
+      for (let i in errorMsgs) {
+        if (!obj[i]) {
+          message.destroy();
+          message.warning(errorMsgs[i]);
+          return false;
+        }
+      }
+      return true;
+    }
+
+    // 创建多层项目
+    const createStoreyProject = async () => {
+      state.buttonLoading = true
+      // 接口需要传递的参数信息
+      const errorMsgs = {
+        name: "请输入项目名称",
+        systemId: "请选择培训分类",
+        manager: "请选择项目经理",
+        sourceBelongId: "请选择资源归属",
+      };
+      if (!validate(state.projectInfo, errorMsgs)) {
+        state.buttonLoading = false
+        return;
+      }
+      /**
+       if (!state.projectInfo.validate) {
+        message.destroy();
+        message.warning("项目名称重复，请修改名称！");
+        return;
+      } */
+      const offName = state.projectInfo.name == state.onceName ? false : await validateName({
+        name: state.projectInfo.name,
+        type: 1,
+        id: state.projectInfo.projectId,
+      }).then((res) => {
+        return res.data.data == 1;
+      });
+      if (offName) {
+        state.buttonLoading = false
+        message.destroy();
+        return message.warning("项目名称重复，请重新填写");
+      }
+      api.createProject(state.projectInfo).then(() => {
+        state.doublepro = false;
+        message.destroy();
+        message.success("创建成功");
+        state.currentPage = 1;
+        state.buttonLoading = false
+        getTableDate();
+      });
+    };
+    // 取消按钮 清空输入的数据
+    const closeModal2 = () => {
+      state.projectInfo = {};
+      state.onceName = "";
+      // value1.value = "";
+      // type = "";
+      // manager = "";
+      // managerId = "";
+      // sourceBelongId = "";
+      // value2.value = [];
+      // value3.value = [];
+      // value4.value = "";
+      // value5.value = "";
+      state.doublepro = false;
+    };
+    // 编辑多层项目
+    const closeeditModal2 = () => {
+      state.eddoublepro = false;
+    };
+    // 创建单层子项目 (需要传入多层项目的ProjectID)
+    const createChildProject = () => {
+      console.log(state.currentProjectId);
+      router.push({
+        path: "/sonproject",
+        query: {
+          projectId: state.currentProjectId,
+          name: state.currentProjectName,
+        },
+      });
+    };
+    // 取消按钮 清空数据
+    const closeModal3 = () => {
+      state.doublesonpro = false;
+    };
+    const closeeditModal3 = () => {
+      state.eddoublesonpro = false;
+    };
+    //打开发布弹窗
+    const showProjectPub = (object) => {
+      state.projectPub = true;
+      state.projectPubLoading = true;
+      state.releaseProjectId = object.projectId;
+      state.releaseProjectName = object.name;
+      state.releaseProjectTime = object.time;
+      console.log("object", object);
+      api.getProjectCount(object.projectId).then((res) => {
+        console.log("获取关卡、任务、学员统计数据", res.data);
+        // state.projectStudentsNum = res.data.students;
+        state.projectStages = res.data.data.stages;
+        state.projectTasks = res.data.data.tasks;
+      });
+      //获取学员总数
+      api
+        .projectStudentCount({
+          pid: object.projectId,
+          type: 1,
+        })
+        .then((res) => {
+          state.projectStudentsNum = res.data.data;
+          state.projectPubLoading = false;
+        });
+      //获取阶段及任务总数
+    };
+    //确认发布项目
+    const releaseProject = () => {
+      console.log("点击发布");
+      let obj = {
+        projectId: state.releaseProjectId,
+        type: 4,
+      };
+      api.handleProject(obj).then((res) => {
+        console.log("发布成功", res);
+        message.destroy();
+        message.success("发布成功");
+        state.projectPub = false;
+        getTableDate();
+      });
+    };
+    //关闭发布弹窗
+    const closeProjectPub = () => {
+      state.projectPub = false;
+      state.projectStages = null;
+      state.projectTasks = null;
+      state.projectStudentsNum = null;
+      state.projectPubLoading = false;
+      state.releaseProjectId = null;
+    };
+    //打开撤回发布弹窗
+    const showBackModal = (projectId) => {
+      state.backModal = true;
+      state.recallProjectId = projectId;
+    };
+    //打开撤回结束弹窗
+    const showBackFinashModal = (projectId) => {
+      state.backFinashModal = true;
+      state.recallProjectId = projectId;
+    };
+    //确认撤回发布
+    const recallProject = () => {
+      let obj = {
+        projectId: state.recallProjectId,
+        type: -4,
+      };
+      api
+        .handleProject(obj)
+        .then((res) => {
+          console.log("撤回成功", res);
+          message.destroy();
+          message.success("撤回成功");
+          state.backModal = false;
+          getTableDate();
+        })
+        .catch((err) => {
+          console.log("撤回失败", err);
+        });
+    };
+    //确认撤回结束
+    const reFinashedProject = () => {
+      let obj = {
+        projectId: state.recallProjectId,
+        type: -6,
+      };
+      api
+        .handleProject(obj)
+        .then((res) => {
+          console.log("撤回成功", res);
+          message.destroy();
+          message.success("撤回成功");
+          state.backFinashModal = false;
+          getTableDate();
+        })
+        .catch((err) => {
+          console.log("撤回失败", err);
+        });
+    };
+    //关闭撤回弹窗
+    const closeBackModal = () => {
+      state.backModal = false;
+    };
+    const closeBackFinashModal = () => {
+      state.backFinashModal = false;
+    };
+    //打开结束弹窗
+    const showStopModal = (projectId) => {
+      state.stopModal = true;
+      state.finishProjectId = projectId;
+    };
+    //确认结束
+    const finishProject = () => {
+      let obj = {
+        projectId: state.finishProjectId,
+        type: -1,
+      };
+      api
+        .handleProject(obj)
+        .then((res) => {
+          console.log("结束成功", res);
+          message.destroy();
+          message.success("已结束");
+          state.stopModal = false;
+          getTableDate();
+        })
+        .catch((err) => {
+          console.log("结束失败", err);
+        });
+    };
+    //关闭结束弹窗
+    const closeStopModal = () => {
+      state.stopModal = false;
+    };
+    //打开删除弹窗
+    const showDeleteModal = (id) => {
+      state.deleteModal = true;
+      state.deleteProjectId = id;
+    };
+    //确认删除
+    const deleteProject = () => {
+      let obj = {
+        projectId: state.deleteProjectId,
+        type: -2,
+      };
+      api
+        .handleProject(obj)
+        .then((res) => {
+          console.log("删除成功", res);
+          message.destroy();
+          message.success("删除成功");
+          state.deleteModal = false;
+          getTableDate();
+        })
+        .catch((err) => {
+          console.log("删除失败", err);
+        });
+    };
+    //关闭删除弹窗
+    const closeDeleteModal = () => {
+      state.deleteModal = false;
+    };
+    //打开存为模版弹窗
+    const showStartModal = (projectId) => {
+      state.startModal = true;
+      state.templateProjectId = projectId;
+    };
+    //确认存为模版
+    const templateProject = () => {
+      state.startModal = false
+      message.success("模版保存成功");
+      api.handleProject({projectId: state.templateProjectId, type: 1});
+    };
+    //关闭存为模版弹窗
+    const closeStartModal = () => {
+      state.startModal = false;
+    };
+    //打开确认复制弹窗
+    const showCopyModal = (projectId) => {
+      state.copyModal = true;
+      state.copyProjectId = projectId;
+    };
+    //关闭确认复制弹窗
+    const closeCopyModal = () => {
+      state.copyModal = false;
+    };
+    //确认复制
+    const copyProject = () => {
+      state.copyModal = false;
+      state.tableLoading = true;
+      api.handleProject({
+          projectId: state.copyProjectId,
+          type: 2
+        })
+        .then(() => {
+          state.tableLoading = false;
+          message.success("复制成功");
+          getTableDate()
+        });
+    };
+    //打开提交审核弹窗
+    const showReviewModal = (projectId) => {
+      state.reviewModal = true;
+      state.reviewId = projectId;
+    };
+    //确认提交审核
+    const reviewProject = () => {
+      let obj = {
+        projectId: state.reviewId,
+        type: 3,
+      };
+      console.log("提交审核obj", obj);
+      api
+        .handleProject(obj)
+        .then((res) => {
+          console.log("提交成功", res);
+          message.destroy();
+          message.success("提交成功");
+          state.reviewModal = false;
+          getTableDate();
+        })
+        .catch((err) => {
+          console.log("提交失败", err);
+        });
+    };
+    //关闭提交审核弹窗
+    const closeReviewModal = () => {
+      state.reviewModal = false;
+    };
+    //打开撤回审核弹窗
+    const showRecallReviewModal = (projectId) => {
+      state.recallReviewModal = true;
+      state.recallReviewId = projectId;
+    };
+    //确认撤回审核
+    const recallReviewProject = () => {
+      let obj = {
+        projectId: state.recallReviewId,
+        type: -3,
+      };
+      console.log("撤回成功obj", obj);
+      api
+        .handleProject(obj)
+        .then((res) => {
+          console.log("撤回成功", res);
+          message.destroy();
+          message.success("撤回成功");
+          state.recallReviewModal = false;
+          getTableDate();
+        })
+        .catch((err) => {
+          console.log("撤回成功", err);
+        });
+    };
+    //关闭提交审核弹窗
+    const closeRecallReviewModal = () => {
+      state.recallReviewModal = false;
+    };
+    const expandTable = (e, a) => {
+      // console.log("惦记了");
+      console.log("e", e, a);
+    };
+    // 获取项目列表信息
+    let tableData = ref([]);
+
+    watch(tableData,()=> tableData.value?.forEach(t=> dealPermission(t)))
+
+    function dealPermission(data){
+      if(!data){
+        return
+      }
+      data.permissions  || (data.children?.some(s=>s.permissions || s.children?.some(j=>j.permissions)) && (data.permissions = '4'))
+      data.children?.forEach(t=>dealPermission(t))
+    }
+
+    const columns = ref([
+      {
+        title: "项目名称",
+        dataIndex: "name",
+        key: "name",
+        className: "h",
+        ellipsis: true,
+        width: 400,
+      },
+      {
+        title: "项目经理",
+        dataIndex: "manager",
+        className: "h",
+        ellipsis: true,
+        key: "manager",
+        align: "center",
+        width: 200,
+      },
+      {
+        title: "状态",
+        dataIndex: "status",
+        className: "h",
+        key: "status",
+        align: "center",
+        width: 100,
+        customRender: (value) => {
+          return (
+            <div>
+              {value.record.type === 3
+                ? {
+                    0: () => "草稿",
+                    1: () => "草稿",
+                    2: () => "草稿",
+                    3: () => "进行中",
+                    "-1": () => "已结束",
+                    "-5": () => "草稿",
+                  }[value.record.status + ""]() || ""
+                : "-"}
+            </div>
+          );
+        },
+      },
+      {
+        title: "创建人",
+        dataIndex: "createName",
+        className: "h",
+        key: "createName",
+        align: "center",
+        width: 100,
+      },
+      {
+        title: "是否审核",
+        dataIndex: "status",
+        className: "h",
+        key: "status",
+        width: 100,
+        align: "center",
+        customRender: (value) => {
+          return (
+            <div>
+              {value.record.status === 3 || value.record.status === 2 || value.record.status === -5  || value.record.status === 1
+                ? {
+                    0: "草稿",
+                    1: "提交待审核",
+                    2: "审核通过",
+                    3: "已经发布",
+                    4: "发布",
+                    "-1": "已结束",
+                    "-6": "撤回已结束",
+                    "-2": "删除",
+                    "-3": "撤回审核",
+                    "-4": "撤回发布",
+                    "-5": "拒绝",
+                  }[value.record.status + ""] || ""
+                : "-"}
+            </div>
+          );
+        },
+      },
+      {
+        title: "创建时间",
+        dataIndex: "createTime",
+        key: "createTime",
+        className: "h",
+        width: 200,
+        align: "center",
+      },
+      {
+        title: "操作",
+        dataIndex: "operation",
+        key: "operation",
+        className: "h",
+        align: "right",
+        fixed: "right",
+        width: 300,
+        scopedSlots: { customRender: "action" },
+      },
+    ]);
+    const getTableDate = () => {
+      state.tableLoading = true;
+      api
+        .getProjectList({
+          ...state.searchParam,
+          beginTime:
+            state.searchParam.valueDate &&
+            state.searchParam.valueDate.length === 2
+              ? dayjs(state.searchParam.valueDate[0]).format("YYYY-MM-DD")
+              : "",
+          endTime:
+            state.searchParam.valueDate &&
+            state.searchParam.valueDate.length === 2
+              ? dayjs(state.searchParam.valueDate[1]).format("YYYY-MM-DD")
+              : "",
+        })
+        .then((res) => {
+          // console.log("搜索", res, state.searchParam);
+          state.tableDataTotal = Number(res.data.data.total);
+          state.tableLoading = false;
+          const data = res.data.data.rows;
+          initDataSublist("", data);
+          console.log(data);
+          tableData.value = data;
+          console.log("tableData", tableData);
+        });
+    };
+
+    function initDataSublist(parentName, data) {
+      if (data && data.length) {
+        data.forEach((e) => {
+          e.parentName = parentName;
+          e.key = e.id;
+          initDataSublist(
+            (parentName ? parentName + "——" : "") + e.name,
+            e.subList
+          );
+          e.subList && e.subList.length && (e.children = e.subList);
+        });
+      }
+    }
+    function handleEdit(record) {
+      if (record.type === 1 || record.type === 2) {
+        state.doublepro = true;
+        state.projectInfo = record;
+        state.onceName = record.name;
+      } else {
+        router.push({
+          path: "/projectadd",
+          query: {
+            projectId: record.id,
+            parentId: record.parentId,
+            parentName: record.parentName,
+          },
+        });
+      }
+    }
+
+    getTableDate();
+    // 翻页
+    const changePagination = (page) => {
+      state.searchParam.pageNo = page;
+      getTableDate();
+    };
+    const showModal = () => {
+      state.sonproject = true;
+    };
+    const closeModal = () => {
+      state.sonproject = false;
+    };
+    const showModal1 = () => {
+      state.projectInfo = {};
+      state.onceName = "";
+      state.estabish = true;
+    };
+    const closeModal1 = () => {
+      state.estabish = false;
+    };
+    const showModal2 = () => {
+      state.doublepro = true;
+      state.estabish = false;
+    };
+    const showModal3 = () => {
+      state.doublesonpro = true;
+      state.sonproject = false;
+    };
+    const showProjOwner = (id) => {
+      state.ProjOwnervisible = true;
+      state.selectProjectId = id;
+    };
+    const showProjPrower = (id) => {
+      state.selectProjectId = id;
+      state.ProjPvisible = true;
+    };
+    const showProjCheck = (id) => {
+      state.authClassify = 1;
+      state.selectProjectId = id;
+      state.ProjCheckvisible = true;
+    };
+    const showProjManage = (id) => {
+      state.authClassify = 2;
+      state.selectProjectId = id;
+      // state.ProjManagevisible = true;
+      state.ProjCheckvisible = true;
+    };
+    const closeReminderModal = () => {
+      state.reminderModal = false;
+    };
+    const okReminderModal = () => {
+      state.reminderModal = false;
+      state.estabish = true;
+    };
+    //添加权限
+    watch(
+      () => state.addAuthList,
+      (res) => {
+        console.log("res", res, state.addAuthList);
+        let obj = {
+          type: 2,
+          tag:
+            state.authClassify === 1 ? 3 : state.authClassify === 2 ? 4 : null,
+          opt: 3,
+          deptList: res[1],
+          groupList: res[2],
+          refId: state.selectProjectId,
+          pageNo: 20,
+          pageSize: 1,
+          studentList: res[0],
+          keyWord: "",
+        };
+        console.log("obj", obj);
+        api1
+          .optionAuthPerm(obj)
+          .then((res) => {
+            console.log("添加授权成功", res);
+            message.success("添加授权成功");
+          })
+          .catch((err) => {
+            console.log("添加授权失败", err);
+          });
+      }
+    );
+
+    function managerChange(e, l, d, t, orgName) {
+      state.projectInfo.sourceBelongId = d;
+      state.projectInfo.sourceBelongName = t;
+      state.projectInfo.sourceBelongFullName = orgName;
+    }
+    function push(record) {
+      showProjectPub({
+        projectId: record.id,
+        name: record.name,
+        time: record.beginTime + "-" + record.endTime,
+      });
+    }
+    function manage(record) {
+      router.push({
+        path: "/taskpage",
+        query: { projectId: record.id },
+      });
+    }
+
+    function createSub(record) {
+      state.projectInfo = {
+        parentName: record.name,
+        parentId: record.id,
+        name: "",
+        sourceBelongId: record.sourceBelongId,
+        sourceBelongName: record.sourceBelongName,
+        manager: record.manager,
+        managerId: record.managerId,
+        systemId: record.systemId,
+        type: 2,
+      };
+      state.onceName = "";
+      state.estabish = true;
+    }
+
+    function createClass(record) {
+      router.push({
+        path: "/projectadd",
+        query: {
+          parentId: record.id,
+          parentName: record.parentName + "——" + record.name,
+          ptojectType: 3,
+        },
+      });
+    }
+
+    function baseInfo(record) {
+      router.push({
+        path: "/taskpage",
+        query: { projectId: record.id },
+      });
+    }
+
+    return {
+      ...toRefs(state),
+      checkOwner,
+      dayjs,
+      handleEdit,
+      baseInfo,
+      createClass,
+      createSub,
+      manage,
+      push,
+      moment,
+      managerChange,
+      reFinashedProject,
+      showBackFinashModal,
+      timeChange,
+      expandTable,
+      showModal,
+      closeModal,
+      showModal1,
+      closeModal1,
+      showModal2,
+      closeModal2,
+      showModal3,
+      closeModal3,
+      showCopyModal,
+      closeCopyModal,
+      showStopModal,
+      closeStopModal,
+      showDeleteModal,
+      closeDeleteModal,
+      showStartModal,
+      closeStartModal,
+      showBackModal,
+      closeBackModal,
+      closeBackFinashModal,
+      getTableDate,
+      showProjOwner,
+      showProjPrower,
+      showProjCheck,
+      showProjManage,
+      closeProjectPub,
+      showReviewModal,
+      reviewProject,
+      closeReviewModal,
+      showRecallReviewModal,
+      recallReviewProject,
+      closeRecallReviewModal,
+      tableData,
+      columns,
+      createStoreyProject,
+      changePagination,
+      sProjectStateList,
+      searchReset,
+      searchSubmit,
+      createChildProject,
+      closeeditModal2,
+      closeeditModal3,
+      releaseProject,
+      showProjectPub,
+      recallProject,
+      finishProject,
+      deleteProject,
+      templateProject,
+      copyProject,
+      closeReminderModal,
+      okReminderModal,
+      checkPer,
+    };
+  },
+};
+</script>
+<style lang="scss">
+.ant-table-cell-fix-right {
+  width: 300px !important;
+}
+
+.projectManage {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+
+  .filter {
+    margin-left: 38px;
+    margin-right: 38px;
+    margin-top: 30px;
+    display: flex;
+    justify-content: space-between;
+    flex-wrap: wrap;
+
+    .filterItems {
+      display: flex;
+      flex-wrap: wrap;
+
+      .select {
+        margin-right: 20px;
+        margin-bottom: 20px;
+      }
+
+      .addTimeBox {
+        position: relative;
+        display: flex;
+        align-items: center;
+
+        .addTime {
+          position: absolute;
+          z-index: 10;
+          margin-left: 10px;
+          color: rgba(0, 0, 0, 0.4);
+        }
+
+        .ant-picker {
+          padding-left: 85px;
+        }
+
+        .ant-picker-range .ant-picker-active-bar {
+          margin-left: 85px;
+        }
+      }
+
+      .btn {
+        padding: 0px 26px 0px 26px;
+        height: 38px;
+        background: #4ea6ff;
+        border-radius: 8px;
+        border: 1px solid rgba(64, 158, 255, 1);
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        margin-right: 14px;
+        flex-shrink: 0;
+        cursor: pointer;
+
+        .search {
+          background-size: 100%;
+        }
+
+        .btnText {
+          font-size: 14px;
+          font-weight: 400;
+          color: #fff;
+          line-height: 36px;
+          margin-left: 5px;
+        }
+      }
+
+      .btnn {
+        padding: 0px 26px 0px 26px;
+        height: 38px;
+        background: #4ea6ff;
+        border-radius: 8px;
+        border: 1px solid rgba(64, 158, 255, 1);
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        margin-right: 14px;
+        flex-shrink: 0;
+        cursor: pointer;
+
+        .search {
+          background-size: 100%;
+        }
+
+        .btnText {
+          font-size: 14px;
+          font-weight: 400;
+          color: #ffffff;
+          line-height: 36px;
+          margin-left: 5px;
+        }
+      }
+
+      .btn1 {
+        .search {
+          width: 15px;
+          height: 17px;
+          background-image: url("../../assets/images/courseManage/search0.png");
+        }
+      }
+
+      .btn2 {
+        .search {
+          width: 16px;
+          height: 18px;
+          background-image: url("../../assets/images/courseManage/reset0.png");
+        }
+      }
+
+      // .btn1:hover {
+      //   background: rgba(64, 158, 255, 0.76);
+
+      //   .search {
+      //     background-image: url("../../assets/images/courseManage/search0.png");
+      //   }
+
+      //   .btnText {
+      //     color: #ffffff;
+      //   }
+      // }
+
+      .btn1:active {
+        background: #0982ff;
+      }
+
+      // .btn2:hover {
+      //   background: rgba(64, 158, 255, 0.1);
+      // }
+
+      .btn2:active {
+        background: #0982ff;
+      }
+    }
+
+    .btns {
+      display: flex;
+      // flex-wrap: wrap;
+      .btn {
+        padding: 0px 26px 0px 26px;
+        height: 38px;
+        background: #4ea6ff;
+        border-radius: 8px;
+        border: 1px solid rgba(64, 158, 255, 1);
+        display: flex;
+        align-items: center;
+        cursor: pointer;
+        justify-content: center;
+        margin-right: 14px;
+        flex-shrink: 0;
+
+        .search {
+          background-size: 100%;
+        }
+
+        .btnText {
+          font-size: 14px;
+          font-weight: 400;
+          color: #ffffff;
+          line-height: 36px;
+          margin-left: 5px;
+        }
+      }
+
+      .btn3 {
+        margin-right: 0px;
+
+        .search {
+          width: 17px;
+          height: 18px;
+          background-image: url("../../assets/images/courseManage/add0.png");
+        }
+      }
+
+      // .btn3:hover {
+      //   background: rgba(64, 158, 255, 0.76);
+      // }
+
+      .btn3:active {
+        background: #0982ff;
+      }
+    }
+  }
+
+  .tableBox {
+    margin: 20px 38px 30px;
+
+    .ant-table-thead > tr > th {
+      background-color: #eff4fc;
+    }
+    th {
+      background-color: #eff4fc !important;
+      text-align: center !important;
+    }
+  }
+
+  .tableBox {
+    padding-bottom: 20px;
+
+    .pa {
+      // position: absolute;
+      // bottom: 20px;
+      // left: 0;
+      width: 100%;
+      // height: 20px;
+      // background-color: red;
+      display: flex;
+      justify-content: center;
+      // margin-bottom: 10px;
+      // position: absolute;
+      // bottom: -40px;
+    }
+  }
+
+  .operation {
+    font-size: 14px;
+    font-weight: 400;
+    color: #4ea6ff;
+    margin-right: -45px;
+    display: flex;
+    justify-content: right;
+    margin-right: 18px;
+
+    // line-height: 36px;
+    .operation1 {
+      margin-left: 21px;
+      width: 28px;
+      display: inline-block;
+    }
+
+    .operation3 {
+      margin-left: 21px;
+      width: 70px;
+      display: inline-block;
+      text-align: center;
+    }
+
+    .more {
+      width: 50px;
+      display: inline-block;
+      margin-left: 21px;
+      position: relative;
+      text-align: left;
+      // z-index: 99999;
+      .moreArrow {
+        width: 13px;
+        height: 7px;
+        display: inline-block;
+        background-image: url("../../assets/images/navtop/down.png");
+        background-size: 100%;
+        margin: 2px;
+        margin-left: 7px;
+      }
+
+      .moreItems {
+        width: 80px;
+        padding: 5px;
+        display: none;
+        background: #ffffff;
+        box-shadow: 2px 3px 9px 3px rgba(0, 0, 0, 0.05);
+        border-radius: 3px;
+        border: 0px solid #dcdcdc;
+        position: absolute;
+        left: 0px;
+        top: 28px;
+        z-index: 100;
+        text-align: center;
+      }
+    }
+
+    .more:hover .moreArrow {
+      background-image: url("../../assets/images/navtop/up.png");
+    }
+
+    .more:hover .moreItems {
+      display: block;
+    }
+  }
+}
+
+.doublesonpro {
+  .ant-modal {
+    .ant-modal-body {
+      .modalHeader {
+        background: linear-gradient(
+          0deg,
+          rgba(78, 166, 255, 0) 0%,
+          rgba(78, 166, 255, 0.2) 100%
+        );
+      }
+
+      padding: 0;
+
+      .modalMain {
+        display: flex;
+        flex-direction: column;
+        //align-items: center;
+        margin-left: 60px;
+
+        .name {
+          //width: 90%;
+          // background-color: lightcoral;
+          display: flex;
+          justify-content: right;
+          margin-top: 32px;
+          align-items: center;
+          height: 40px;
+          // border: 1px solid black;
+          .inname {
+            color: #000000;
+            font-size: 14px;
+            margin-left: 7px;
+          }
+
+          .in {
+            margin-left: 14px;
+            width: 80%;
+
+            .ant-input {
+              border-radius: 5px;
+              // height: 120%;
+              width: 80%;
+              height: 30px;
+            }
+
+            .ant-select {
+              border-radius: 5px;
+              // height: 120%;
+              width: 80%;
+              height: 40px;
+
+              .ant-select-selector {
+                border-radius: 8px;
+                // height: 120%;
+                width: 100%;
+                height: 40px;
+              }
+            }
+          }
+        }
+
+        .pubtn {
+          display: flex;
+          justify-content: center;
+          margin-top: 25px;
+          //margin-bottom: 29px;
+          .pubtn1 {
+            width: 100px;
+            height: 40px;
+            margin-right: 16px;
+            margin-bottom: 29px;
+            border: 1px solid #4ea6ff;
+            border-radius: 4px;
+            color: rgba(78, 166, 255, 1);
+            font-size: 14px;
+            //line-height: 36px;
+            align-items: center;
+            background: rgba(255, 255, 255, 1);
+          }
+
+          .pubtn2 {
+            width: 100px;
+            height: 40px;
+            margin-bottom: 29px;
+            border: 1px solid #4ea6ff;
+            border-radius: 4px;
+            color: #ffffff;
+            font-size: 14px;
+            align-items: center;
+            //line-height: 36px;
+            background: #4ea6ff;
+          }
+        }
+      }
+    }
+  }
+}
+
+.doublepro {
+  .ant-modal {
+    .ant-modal-body {
+      .modalHeader {
+        background: linear-gradient(
+          0deg,
+          rgba(78, 166, 255, 0) 0%,
+          rgba(78, 166, 255, 0.2) 100%
+        );
+      }
+
+      padding: 0;
+
+      .modalMain {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+
+        .name {
+          width: 78%;
+          // background-color: lightcoral;
+          display: flex;
+          justify-content: right;
+          margin-top: 32px;
+          align-items: center;
+          height: 40px;
+          // border: 1px solid black;
+          .inname {
+            color: #000000;
+            font-size: 14px;
+            margin-left: 7px;
+          }
+
+          .in {
+            margin-left: 14px;
+            width: 81%;
+
+            .ant-input {
+              border-radius: 5px;
+              // height: 120%;
+              width: 100%;
+              height: 30px;
+            }
+
+            .ant-select {
+              border-radius: 5px;
+              // height: 120%;
+              width: 100%;
+              height: 40px;
+
+              .ant-select-selector {
+                border-radius: 8px;
+                // height: 120%;
+                width: 100%;
+                height: 40px;
+              }
+            }
+          }
+        }
+
+        .pubtn {
+          display: flex;
+          justify-content: center;
+          margin-top: 25px;
+          //margin-bottom: 29px;
+          .pubtn1 {
+            width: 100px;
+            height: 40px;
+            margin-right: 16px;
+            margin-bottom: 29px;
+            border: 1px solid #4ea6ff;
+            border-radius: 4px;
+            color: rgba(78, 166, 255, 1);
+            font-size: 14px;
+            //line-height: 36px;
+            align-items: center;
+            background: rgba(255, 255, 255, 1);
+          }
+
+          .pubtn2 {
+            width: 100px;
+            height: 40px;
+            margin-bottom: 29px;
+            border: 1px solid #4ea6ff;
+            border-radius: 4px;
+            color: #ffffff;
+            font-size: 14px;
+            align-items: center;
+            //line-height: 36px;
+            background: #4ea6ff;
+          }
+        }
+      }
+    }
+  }
+}
+
+.sonproject {
+  .ant-modal {
+    .ant-modal-body {
+      padding: 0 !important;
+
+      .modalHeader {
+        background: linear-gradient(
+          0deg,
+          rgba(78, 166, 255, 0) 0%,
+          rgba(78, 166, 255, 0.2) 100%
+        );
+      }
+
+      .modalMain {
+        display: flex;
+        justify-content: center;
+        margin-top: 48px;
+        //margin-bottom: 40px;
+        .taskbox {
+          width: 310px;
+          height: 160px;
+          border-radius: 10px;
+          position: relative;
+          margin-bottom: 80px;
+          cursor: pointer;
+
+          .leftt {
+            position: absolute;
+            top: 18px;
+            left: 0;
+          }
+
+          .photo {
+            position: absolute;
+            top: 44px;
+            left: 40px;
+          }
+
+          .rightt {
+            position: absolute;
+            top: 69px;
+            right: 26px;
+          }
+
+          .centerbox {
+            position: absolute;
+            top: 66px;
+            left: 136px;
+            font-size: 20px;
+            font-weight: 700;
+            //line-height: 36px;
+          }
+
+          .centermain {
+            color: rgba(135, 139, 146, 1);
+            font-size: 14px;
+            position: absolute;
+            left: 144px;
+            bottom: 49px;
+          }
+        }
+      }
+    }
+  }
+}
+
+.estabish {
+  .ant-modal {
+    .ant-modal-body {
+      padding: 0 !important;
+
+      .modalHeader {
+        background: linear-gradient(
+          0deg,
+          rgba(78, 166, 255, 0) 0%,
+          rgba(78, 166, 255, 0.2) 100%
+        );
+      }
+
+      .modalMain {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        margin-top: 48px;
+        //margin-bottom: 40px;
+        .taskbox {
+          width: 438px;
+          height: 160px;
+          border-radius: 10px;
+          position: relative;
+          margin-bottom: 24px;
+          cursor: pointer;
+
+          .leftt {
+            position: absolute;
+            top: 18px;
+            left: 0;
+          }
+
+          .photo {
+            position: absolute;
+            top: 44px;
+            left: 40px;
+          }
+
+          .rightt {
+            position: absolute;
+            top: 69px;
+            right: 26px;
+          }
+
+          .centerbox {
+            position: absolute;
+            top: 42px;
+            left: 120px;
+            font-size: 20px;
+            font-weight: 500;
+            //line-height: 36px;
+          }
+
+          .centerbox1 {
+            position: absolute;
+            top: 32px;
+            left: 120px;
+            font-size: 20px;
+            font-weight: 500;
+            //line-height: 36px;
+          }
+
+          .centermain {
+            color: rgba(135, 139, 146, 1);
+            font-size: 14px;
+            line-height: 20px;
+            position: absolute;
+            width: 252px;
+            left: 120px;
+            top: 78px;
+          }
+
+          .centermain1 {
+            color: rgba(135, 139, 146, 1);
+            font-size: 14px;
+            line-height: 20px;
+            position: absolute;
+            width: 252px;
+            left: 120px;
+            top: 68px;
+          }
+        }
+      }
+    }
+  }
+}
+
+.CopyModal {
+  .ant-modal {
+    width: 424px !important;
+    height: 258px !important;
+
+    .ant-modal-content {
+      width: 424px !important;
+      height: 258px !important;
+
+      .ant-modal-body {
+        width: 424px !important;
+        height: 258px !important;
+        padding: 0 !important;
+
+        .delete {
+          z-index: 999;
+          width: 424px;
+          height: 258px;
+          background: #ffffff;
+          box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21);
+          border-radius: 4px;
+          // position: absolute;
+          // left: 50%;
+          // top: 10%;
+          // transform: translate(-50%, -50%);
+          .del_header {
+            position: absolute;
+            width: calc(100%);
+            height: 68px;
+            background: linear-gradient(
+              rgba(78, 166, 255, 0.2) 0%,
+              rgba(78, 166, 255, 0) 100%
+            );
+          }
+
+          .del_main {
+            width: 100%;
+            position: relative;
+
+            .header {
+              display: flex;
+              align-items: center;
+              padding-top: 20px;
+              padding-left: 26px;
+              font-size: 16px;
+
+              .icon {
+                width: 16px;
+                height: 16px;
+                margin-right: 10px;
+                background-image: url(@/assets/images/coursewareManage/QR.png);
+                background-size: 100% 100%;
+              }
+
+              .close_exit {
+                position: absolute;
+                right: 42px;
+                cursor: pointer;
+                width: 20px;
+                height: 20px;
+                background-image: url(@/assets/images/coursewareManage/close.png);
+                background-size: 100% 100%;
+              }
+            }
+
+            .body {
+              width: 100%;
+              margin: 34px auto 56px auto;
+              display: flex;
+              justify-content: center;
+              align-items: center;
+              flex-direction: column;
+              // background-color: red;
+              position: relative;
+
+              .back {
+                position: absolute;
+                top: 30px;
+                font-size: 12px;
+                font-weight: 400;
+                color: #666666;
+              }
+            }
+
+            .del_btnbox {
+              display: flex;
+              margin: 30px auto;
+              justify-content: center;
+
+              .del_btn {
+                width: 100px;
+                height: 40px;
+                background: rgba(64, 158, 255, 0);
+                border-radius: 8px;
+                display: flex;
+                align-items: center;
+                justify-content: center;
+                flex-shrink: 0;
+                cursor: pointer;
+
+                .btnText {
+                  font-size: 14px;
+                  font-weight: 400;
+                  line-height: 40px;
+                }
+              }
+
+              .btn1 {
+                border: 1px solid rgba(64, 158, 255, 1);
+                color: #4ea6ff;
+                margin-right: 14px;
+              }
+
+              .btn2 {
+                background-color: #4ea6ff;
+                color: #ffffff;
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+}
+
+.projectPub {
+  .ant-modal {
+    .ant-modal-body {
+      padding: 0;
+
+      .modalHeader {
+        background: linear-gradient(
+          rgba(78, 166, 255, 0.2) 0%,
+          rgba(78, 166, 255, 0) 100%
+        );
+      }
+
+      .modalMain {
+        .projectname {
+          color: rgba(79, 81, 86, 1);
+          font-size: 14px;
+          line-height: 36px;
+          // margin-left: 62px;
+          font-weight: 500;
+          text-align: center;
+        }
+
+        .projecttime {
+          margin-left: 221px;
+
+          .timeti {
+            color: rgba(153, 155, 163, 1);
+            font-size: 14px;
+            line-height: 36px;
+          }
+
+          .timeme {
+            color: rgba(79, 81, 86, 1);
+            font-size: 14px;
+            line-height: 36px;
+          }
+        }
+
+        .projectbox {
+          margin-top: 26px;
+          display: flex;
+          justify-content: center;
+
+          .promessage {
+            width: 280px;
+            height: 110px;
+            background: linear-gradient(
+              180deg,
+              rgba(254, 243, 221, 1),
+              rgba(255, 250, 240, 1)
+            );
+            border-radius: 10px;
+            margin-right: 7px;
+
+            .messageme {
+              color: rgba(255, 182, 78, 1);
+              font-size: 14px;
+              line-height: 36px;
+              margin-top: 17px;
+              margin-left: 30px;
+            }
+
+            .messagege {
+              color: rgba(153, 155, 163, 1);
+              font-size: 14px;
+              margin-left: 30px;
+            }
+          }
+
+          .stumessage {
+            width: 280px;
+            height: 110px;
+            background: linear-gradient(
+              180deg,
+              rgba(221, 234, 255, 1),
+              rgba(240, 248, 254, 1)
+            );
+            border-radius: 10px;
+
+            .messageme1 {
+              color: rgba(78, 166, 255, 1);
+              font-size: 14px;
+              line-height: 36px;
+              margin-top: 17px;
+              margin-left: 30px;
+            }
+
+            .messagege1 {
+              color: rgba(153, 155, 163, 1);
+              font-size: 14px;
+              margin-left: 30px;
+            }
+          }
+        }
+
+        .send {
+          margin-top: 30px;
+          margin-left: 61px;
+
+          .sendtext {
+            margin-left: 11px;
+            color: rgba(109, 117, 132, 1);
+            font-size: 14px;
+          }
+        }
+
+        .ckb {
+          margin-top: 20px;
+          margin-left: 62px;
+
+          .sendpeo {
+            color: rgba(109, 117, 132, 1);
+            font-size: 14px;
+          }
+
+          .ant-checkbox-inner {
+            border-radius: 4px;
+          }
+        }
+
+        .pubtn {
+          display: flex;
+          justify-content: center;
+          margin-top: 25px;
+          //margin-bottom: 29px;
+          .pubtn1 {
+            width: 100px;
+            height: 40px;
+            margin-right: 16px;
+            margin-bottom: 29px;
+            border: 1px solid #4ea6ff;
+            border-radius: 4px;
+            color: rgba(78, 166, 255, 1);
+            font-size: 14px;
+            //line-height: 36px;
+            align-items: center;
+            background: rgba(255, 255, 255, 1);
+          }
+
+          .pubtn2 {
+            width: 100px;
+            height: 40px;
+            margin-bottom: 29px;
+            border: 1px solid #4ea6ff;
+            border-radius: 4px;
+            color: #ffffff;
+            font-size: 14px;
+            align-items: center;
+            //line-height: 36px;
+            background: #4ea6ff;
+          }
+        }
+      }
+    }
+  }
+}
+</style>
diff --git a/src/views/projectcenter/ProjectManage.vue b/src/views/projectcenter/ProjectManage.vue
index 244eb547..0bec868e 100644
--- a/src/views/projectcenter/ProjectManage.vue
+++ b/src/views/projectcenter/ProjectManage.vue
@@ -8,7 +8,7 @@
           <a-input
             v-model:value="searchParam.name"
             style="width: 270px; height: 40px; border-radius: 8px"
-            placeholder="请输入项目名称"
+            placeholder="请输入项目名称1"
             allowClear
             showSearch
           >
@@ -297,6 +297,7 @@
                 style="width: 10px; height: 10px"
                 src="../../assets/images/basicinfo/asterisk.png"
               />
+              <!-- 11 -->
             </div>
             <div class="inname">项目名称:</div>
             <div class="in pro">
diff --git a/src/views/projectcenter/ProjectManagerOutTeacher.vue b/src/views/projectcenter/ProjectManagerOutTeacher.vue
new file mode 100644
index 00000000..2cbbfb6b
--- /dev/null
+++ b/src/views/projectcenter/ProjectManagerOutTeacher.vue
@@ -0,0 +1,130 @@
+<template>
+  <a-select
+      :getPopupContainer="
+                          (triggerNode) => {
+                            return triggerNode.parentNode || document.body;
+                          }
+                        "
+      v-model:value="managerArray"
+      :placeholder="placeholder"
+      :filterOption="false"
+      :options="isOpen?options:selectOptions"
+      allowClear
+      showSearch
+      :disabled="disabled"
+      @popupScroll="memberScroll"
+      @search="searchMember"
+      :open="isOpen"
+      @change="change"
+      @blur="blur"
+      :show-arrow="false"
+      style="width: 100%"
+  >
+    <template v-if="loading" #notFoundContent>
+      <a-spin size="small"/>
+    </template>
+  </a-select>
+</template>
+<script setup>
+import {computed, defineEmits, defineProps, onMounted, ref, watch} from "vue";
+import {useThrottlePage} from "@/api/request";
+import { getTeacherList } from "@/api/Lecturer";
+const props = defineProps({
+  value: {
+    type: String,
+    default: ''
+  },
+  name: {
+    type: String,
+    default: ''
+  },
+  disabled: Boolean,
+  placeholder: {
+    type: String,
+    default: "请输入搜索关键字",
+  },
+  mode: String
+})
+
+const selectOptions = ref([])
+
+const managerArray = computed(() => props.value ===  '' ? null : props.value)
+
+const emit = defineEmits({})
+
+const isOpen = ref(false)
+function debounce(func, wait) {
+  let timeout;
+  return function(...args) {
+    clearTimeout(timeout);
+    timeout = setTimeout(() => func.apply(this, args), wait);
+  };
+}
+const memberParam = ref({teacherNameOrUserNo: '', pageNo:1, pageSize: 20})
+
+const userList = ref([])
+const loading = ref(false)
+const getOutTeacher = () => {
+  getTeacherList(memberParam.value).then(res=>{
+    if(res.data.code == 200){
+      userList.value = res.data.data.records
+      loading.value = false
+    }
+  })
+}
+const options = computed(() => userList.value.map(e => ({
+  label: e.name + '(' + e.userNo + ')' + e.organizationName,
+  value: e.name,
+  ...e,
+  audienceList: null
+})))
+
+watch(props, init)
+
+function init() {
+  //第一次进来 编辑赋值
+  // if (props.value && (props.value + '') !== selectOptions.value.map(e => e.value).join(',')) {
+  //   selectOptions.value = (props.value + '').split(',').map((e, i) => ({label: props.name.split(',')[i], value: e}))
+  // }
+}
+
+onMounted(() => {
+  console.log('onMounted')
+  init()
+  getOutTeacher()
+})
+
+
+const memberScroll = ({target: {scrollHeight, scrollTop, clientHeight}}) => {
+  scrollHeight === (clientHeight + scrollTop) && memberParam.value.pageNo++
+};
+const debounceObject = debounce(getOutTeacher,1000)
+//搜索学员
+const searchMember = (keyword) => {
+  console.log('searchMember', keyword)
+  loading.value = true
+  isOpen.value = true
+  userList.value = []
+  memberParam.value.pageNo = 1
+  memberParam.value.teacherNameOrUserNo = keyword
+  console.log('searchMember', memberParam.value)
+  debounceObject()
+};
+
+function blur() {
+  isOpen.value = false
+  memberParam.value.teacherNameOrUserNo = ''
+  memberParam.value.pageNo = 1
+}
+
+function change(e, l) {
+  memberParam.value.teacherNameOrUserNo = ''
+  memberParam.value.pageNo = 1
+  isOpen.value = false
+  Array.isArray(l) && (selectOptions.value = l)
+  Array.isArray(selectOptions.value) && emit('onChange', e, l)
+    emit('update:name', l?.label)
+    emit('update:value', l?.value)
+}
+
+</script>
diff --git a/src/views/research/ResearchManage.vue b/src/views/research/ResearchManage.vue
index 1fb4afa2..f59631ae 100644
--- a/src/views/research/ResearchManage.vue
+++ b/src/views/research/ResearchManage.vue
@@ -56,14 +56,19 @@ shan<!-- 评估管理页面 -->
     <!-- 搜索框及按钮 -->
     <!-- 表格 -->
     <div class="tableBox">
-      <a-table
+      <!-- <a-table
         style="border: 1px solid #f2f6fe"
         :columns="column"
         :data-source="data"
         :loading="loading"
         :scroll="{ x: 1500 }"
         :pagination="false"
-      >
+      >   -->
+      <a-table :header-cell-style="{ 'text-align': 'center' }" style="border: 1px solid #f2f6fe" :columns="column"
+        :scroll="{ x: 2100 }"
+             :data-source="data" 
+             :loading="loading" 
+             :pagination="false">
         <template #operation="{ record }">
           <a-space style="padding-right: 10px">
             <a-button