From a6569a8ea37c2f1dc55e5dc0b8d824d5d5864fc9 Mon Sep 17 00:00:00 2001
From: wangxuemei <283912718@qq.com>
Date: Wed, 5 Jun 2024 09:23:03 +0800
Subject: [PATCH] =?UTF-8?q?=E6=8E=88=E8=AF=BE=E9=A1=B5=E9=9D=A2=E9=9D=99?=
 =?UTF-8?q?=E6=80=81=E9=A1=B5=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/project/Editor.vue       |    2 +-
 src/views/lecturer/ExternalLecturer.vue |  148 +--
 src/views/lecturer/InsideLecturer.vue   |  161 +--
 src/views/lecturer/InsideTeaching.vue   | 1274 ++++++++++++++++++++++-
 4 files changed, 1380 insertions(+), 205 deletions(-)

diff --git a/src/components/project/Editor.vue b/src/components/project/Editor.vue
index 9f90386e..2d547789 100644
--- a/src/components/project/Editor.vue
+++ b/src/components/project/Editor.vue
@@ -7,7 +7,7 @@
 -->
 <template> 
     <div style="border: 1px solid #ccc; width: 100%; ">
-      <Toolbar style="border-bottom: 1px solid #ccc" :editor="editorRef" :defaultConfig="toolbarConfig" mode="default" />
+      <Toolbar style="border-bottom: 1px solid #ccc ;font-size:4px"  :editor="editorRef" :defaultConfig="toolbarConfig" mode="default" />
       <Editor style="height: 100px; overflow-y: hidden" v-model="valueHtml" :defaultConfig="editorConfig" mode="default" @onCreated="handleCreated" @customPaste="customPaste" />
     </div>
     <!-- <el-button style="margin: 0 auto" @click="getEditorHTML">获取富文本HTML内容</el-button> -->
diff --git a/src/views/lecturer/ExternalLecturer.vue b/src/views/lecturer/ExternalLecturer.vue
index dfc88f06..dfdb33a8 100644
--- a/src/views/lecturer/ExternalLecturer.vue
+++ b/src/views/lecturer/ExternalLecturer.vue
@@ -1,6 +1,6 @@
 <!-- 外部讲师页面 -->
 <template>
-  <div class="projectManage">
+  <div class="ExternalLecturer">
     <div>
   </div>
     <!-- 搜索框及按钮 -->
@@ -90,7 +90,7 @@
         </div>
           <!-- 个人详情 -->
         <div style="border: 1px rgb(177, 177, 177) solid; margin-left: 33px; margin-right: 33px; margin-bottom: 33px;" v-show="tagsshow==1">
-        <div class="projectManage">
+        <div class="ExternalLecturer">
           <div class="filter">
             <div class="filterItems">
               <!-- <div class="select">
@@ -149,7 +149,7 @@
               <div class="select">
                 <span style="display:inline-block ;width:80px ;text-align:center ">备注 :</span>
                 <a-input type="textarea"  v-if="teacherdialog1 == 0" v-model:value="formParam.remark"
-                  style="width:200px; height: 40px; ">
+                  style="width:500px; height: 80px; ">
                 </a-input>
                 <span v-if="teacherdialog1 == 1" class=display1>{{ formParam.userNo }}</span>
         </div>
@@ -163,7 +163,7 @@
         </div>
       </div>
        <!-- 授课记录 -->
-       <div class="projectManage" v-show="tagsshow==2" style="margin">
+       <div class="ExternalLecturer" v-show="tagsshow==2" style="margin">
           <div style="padding: 33px">
         <a-table :header-cell-style="{ 'text-align': 'center' }" style="border: 1px solid #f2f6fe" :columns="teacherrecordsColumns"
         
@@ -245,12 +245,11 @@
 <script lang="jsx">
 import { reactive, toRefs, ref } from "vue";
 import Editor from "@/components/project/Editor";
-import {getTeacherSystemList ,getTeacherPayRollPriceList, getLevel,insertTeacher,deleteTeacher,updateInTeacher, updateTeacherState} from "../../api/indexPeojiectManage";
-import {getOutTeacherList ,getOuterTeacherById ,getOuterTeacherCourseList} from "../../api/ExternalLecturer";
+import {getOutTeacherList ,getOuterTeacherById ,getOuterTeacherCourseList,deleteTeacher,updateInTeacher, updateTeacherState} from "../../api/Lecturer";
 // import {getProjSt} from "../../api/indexProjStu";
 // import AddTeacher from "../../components/drawers/project/AddTeacher"
 export default { 
-  name: "projectManage",
+  name: "ExternalLecturer",
   components: {
     // AddTeacher,
     Editor
@@ -260,8 +259,6 @@ export default {
       promotionrecordsLoading:false ,  //晋级记录遮罩层
       tableLoading:false,
       tagsshow:"1",
-      PlaceOfPayList:[],
-      LecturerSystemList:[],
       delTeacherId:null, //删除id确认
       editTeacherid:null,//修改状态id确认
       userNoid:null,    //讲师详情工号确认 
@@ -277,7 +274,6 @@ export default {
       tableDataTotal: -1,//table列表总条数
       teacherrecordstableDataTotal:-1,//授课记录列表总条数
       formParam: {
-        authenticationStatus: 1 //认证状态
       },
       searchParam: {
         name:null,//姓名
@@ -287,89 +283,10 @@ export default {
       },
       activeName:'first'
     })
-    const LecturerSystemList = ref([
-    //   { value: 0, systemName: "讲师体系" },
-    ]);
-    //获取讲师体系列表
-    const LecturerSystemLista =() => {
-      // console.log('点击了LecturerSystemLista')
-      getTeacherSystemList().then((res)=>{
-        if (res.data.code === 200) {
-            let arr = res.data.data;
-            let array = LecturerSystemList.value;
-            arr.map((value) => {
-              let obj = {
-                value: value.id,
-                label: value.name,
-              };
-              array.push(obj);
-            });
-            LecturerSystemList.value = array;
-          }
-        console.log("获取讲师",LecturerSystemList);
-      }) 
-    }
-    //获取内部讲师级别
-    LecturerSystemLista()
-    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: "在职" },
-      { value: 1, label: "离职" },
-    ])
-    const AuthenticationStatusList = ref([
-      { value: 0, label: "未认证" },
-      { value: 1, label: "已认证" },
-    ])
-    const PlaceOfPayList = ref([
-      // { value: 0, label: "发薪地B1" },
-    ])
-     //获取讲师发薪地列表
-     const PlaceOfPayLista =() => {
-      getTeacherPayRollPriceList().then((res)=>{
-        if (res.data.code === 200) {
-            let arr = res.data.data;
-            let array = PlaceOfPayList.value;
-            arr.map((value) => {
-              let obj = {
-                value: value.payrollPlaceId,
-                label: value.payrollPlaceName,
-              };
-              array.push(obj);
-            });
-            PlaceOfPayList.value = array;
-          }
-        console.log("获取发薪地", PlaceOfPayList);
-      })
-    }
-    PlaceOfPayLista()
     const AccountStatusList = ref([
       { value: 0, label: "启用" },
       { value: 1, label: "停用" },
     ])
-    const teacheExpertiseList= ref([
-    { value: 0, label: "领导力"  , children: [{value: 0, label: "管理团队"  ,value: 1, label: "管理业务"  ,value: 2, label: "管理自我"   }]},
-    { value: 1, label: "专业力"  , children: [{value: 0, label: "管理团队"  ,value: 1, label: "专业力"  ,value: 2, label: "专业力"   }]},
-    { value: 2, label: "通用力"  , children: [{value: 0, label: "管理团队"  ,value: 1, label: "通用力"  ,value: 2, label: "通用力"   }]},
-    ])
     const columns = ref([
     {
         title: '讲师编号 ',
@@ -448,14 +365,14 @@ export default {
     ])
     // 搜索
     const searchSubmit = () => {
-      // getLevelLista()
-      // LecturerSystemLista()
-      // PlaceOfPayLista()
       getTableDate();
     };
     //重置
     const searchReset = () => {
-      state.searchParam = { pageNo: 1, pageSize: 10 , name:null,
+      state.searchParam = {
+         pageNo: 1, 
+         pageSize: 10 , 
+         name:null,
         status:null};
       getTableDate();
     };
@@ -466,7 +383,7 @@ export default {
       let objA = {...state.searchParam};
       getOutTeacherList(objA)
         .then((res) => {
-          tableData.value = res.data.data
+          tableData.value = res.data.data.records
           state.tableDataTotal = Number(res.data.data.total);
           state.tableLoading=false 
           // console.log("获取讲师tableDatateacherName", tableData);
@@ -515,13 +432,6 @@ export default {
       state.teacherdialog = true;
       state.teacherdialogtitle = '修改信息'
       TeacherSystem()
-      // state.formParam.name = record.name;
-      // state.formParam.userNo = record.userNo;
-      // state.formParam.organizationDTO = record.organizationDTO;
-      // state.formParam.teachingDuration = record.teachingDuration;
-      // state.formParam.grade = record.grade;
-      // state.formParam.lecturerSystem = record.lecturerSystem;
-      // state.formParam.authenticationStatus = record.authenticationStatus;
     }
     //保存
     const createTeacherDialog =()=>{
@@ -606,17 +516,13 @@ export default {
 
     //清空数据
     const cancel = () => {
-      // state.formParam=({
-      //  //讲师姓名
-      state.formParam.name = null;
-      // 手机号
-      state.formParam.mobile = null;
-      //  邮箱
-      state.formParam.email = null;
-      //讲师介绍
-      state.formParam.teacherIntrofuce =null;
-      //备注
-      state.formParam.remark =null;
+      state.formParam= {
+        name :null ,
+        mobile:null ,
+        email:null,
+        teacherIntrofuce:null ,
+        remark:null 
+      }
       console.log(state.formParam);
     }
     //表格内查看数据操作
@@ -629,15 +535,15 @@ export default {
       // alert(record.grade)
       TeacherSystem()
     }
-    //内部讲师详情
+    //外部讲师详情
     const TeacherSystem=()=>{
       let ids={userNo :  state.userNoid }
       getOuterTeacherById(ids).then((res) => {
-          console.log("内部讲师详情", res.data);
+          console.log("外部讲师详情", res.data);
           state.formParam= res.data.data
       }) 
       .catch((err) => {
-          console.log("内部讲师详情", err);
+          console.log("外部讲师详情", err);
         });
     }
     // tab 标签切换
@@ -771,13 +677,6 @@ export default {
     return {
       ...toRefs(state),
       // handleExport,
-      LecturerSystemList,
-      getLevelList,
-      OnTheJobStatusList,
-      getLevelLista,
-      PlaceOfPayLista,
-      AuthenticationStatusList,
-      PlaceOfPayList,
       AccountStatusList,
       searchSubmit,
       searchReset,
@@ -794,10 +693,7 @@ export default {
       createTeacherDialog,
       handleOperate,
       closehandleOperate,
-      teacheExpertiseList,
        getTableDate, //list接口数据调用
-      // getStu
-      LecturerSystemLista,
       TeacherSystem,
       particulars,
       teacherrecords,
@@ -874,7 +770,7 @@ export default {
   text-align: center;
 }
 
-.projectManage {
+.ExternalLecturer {
   width: 100%;
   height: 100%;
   display: flex;
diff --git a/src/views/lecturer/InsideLecturer.vue b/src/views/lecturer/InsideLecturer.vue
index 9dbcc977..6c3e4f65 100644
--- a/src/views/lecturer/InsideLecturer.vue
+++ b/src/views/lecturer/InsideLecturer.vue
@@ -1,6 +1,6 @@
 <!-- 项目页面 -->
 <template>
-  <div class="projectManage">
+  <div class="InsideLecturer">
     <div>
   </div>
     <!-- 搜索框及按钮 -->
@@ -11,6 +11,10 @@
           <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-select style="width: 230px" placeholder="讲师体系" v-model:value="searchParam.tsystemName"
@@ -114,7 +118,7 @@
         </div>
           <!-- 个人详情 -->
         <div style="border: 1px rgb(177, 177, 177) solid; margin-left: 33px; margin-right: 33px; margin-bottom: 33px;" v-show="tagsshow==1">
-        <div class="projectManage" >
+        <div class="InsideLecturer" >
           <div class="filter">
             <div class="filterItems">
               <!-- <div class="select">
@@ -246,10 +250,10 @@
               <div class="select">
                 <span style="display:inline-block ;width:80px ;text-align:center ">教师专长 :</span>
           <a-select  v-if="teacherdialog1 == 0"  style="width: 230px" placeholder="" v-model:value="formParam.TeacherExpertise"
-            :options="TeacherExpertiseList">
+            :options="TeacherExpertiseList.map(pro => ({value:pro }))">
           </a-select>
           <a-select  v-if="teacherdialog1 == 0" style="width: 230px" placeholder="" v-model:value="formParam.getTeacherExpertiseByPid"
-            :options="getTeacherExpertiseByPidList">
+            :options="getTeacherExpertiseByPidList.map(pid=>({value:pid})) ">
           </a-select>
           <span v-if="teacherdialog1 == 1" class=display1>{{ formParam.expertise }}</span>
         </div>
@@ -263,7 +267,7 @@
         </div>
       </div>
        <!-- 授课记录 -->
-       <div class="projectManage" v-show="tagsshow==2" style="margin">
+       <div class="InsideLecturer" v-show="tagsshow==2" style="margin">
           <div style="padding: 33px">
         <a-table :header-cell-style="{ 'text-align': 'center' }" style="border: 1px solid #f2f6fe" :columns="teacherrecordsColumns"
         
@@ -284,7 +288,7 @@
           />
           </div>
           <!-- 晋级记录 -->
-          <div class="projectManage" v-show="tagsshow==3" style="margin">
+          <div class="InsideLecturer" v-show="tagsshow==3" style="margin">
             <div style="padding: 33px">
               <div style="font-size:24px;font-weight:500">晋升过程</div>
         <a-table :header-cell-style="{ 'text-align': 'center' }" style="border: 1px solid #f2f6fe" :columns="promotionrecordsColumns"
@@ -355,14 +359,14 @@
   </div>
 </template>
 <script lang="jsx">
-import { reactive, toRefs, ref } from "vue";
+import { reactive, toRefs, ref ,watch} from "vue";
 import Editor from "@/components/project/Editor";
 import Upload from "@/components/project/Upload";
-import {getTeacherSystemList , getTeacherList,getTeacherPayRollPriceList, getLevel,insertTeacher,deleteTeacher,updateInTeacher,getTeacherById, updateTeacherState,getTeacherCourseList , getTeacherExpertise,getTeacherExpertiseByPid ,infoteacher } from "../../api/indexPeojiectManage";
+import {getTeacherSystemList , getTeacherList,getTeacherPayRollPriceList, getLevel,insertTeacher,deleteTeacher,updateInTeacher,getTeacherById, updateTeacherState,getTeacherCourseList , getTeacherExpertise,getTeacherExpertiseByPid ,infoteacher } from "../../api/Lecturer";
 // import {getProjSt} from "../../api/indexProjStu";
 // import AddTeacher from "../../components/drawers/project/AddTeacher"
 export default { 
-  name: "projectManage",
+  name: "InsideLecturer",
   components: {
     // AddTeacher,
     Editor,
@@ -493,55 +497,65 @@ export default {
 
     //获取讲师父 专长
     const TeacherExpertiseList = ref([
-    //   { value: 0, systemName: "讲师体系" },
+      { value: 0, systemName: "讲师体系" },
+      { value: 1, systemName: "讲师体系1" },
     ]);
     const getTeacherExpertisea =() => {
-      // console.log('点击了LecturerSystemLista')
-      getTeacherExpertise().then((res)=>{
-        if (res.data.code === 200) {
-            let arr = res.data.data;
-            let array = TeacherExpertiseList.value;
-            arr.map((value) => {
-              let obj = {
-                value: value.id,
-                label: value.name,
-              };
-              array.push(obj);
-            });
-            TeacherExpertiseList.value = array;
-          }
-      }) 
-      getTeacherExpertiseByPida()
+    //   // console.log('点击了LecturerSystemLista')
+    //   getTeacherExpertise().then((res)=>{
+    //     if (res.data.code === 200) {
+    //         let arr = res.data.data;
+    //         let array = TeacherExpertiseList.value;
+    //         arr.map((value) => {
+    //           let obj = {
+    //             value: value.id,
+    //             label: value.name,
+    //           };
+    //           array.push(obj);
+    //         });
+    //         TeacherExpertiseList.value = array;
+    //       }
+    //   }) 
+    //   getTeacherExpertiseByPida()
     }
      //获取讲师子 专长
     const getTeacherExpertiseByPidList = ref([
-    //   { value: 0, systemName: "讲师体系" },
+    [  { value: 0, systemName: "讲师体系1" },
+       { value: 1, systemName: "讲师体系" },],
+       [ [  { value: 0, systemName: "讲师1" },
+       { value: 1, systemName: "讲师" },],]
     ]);
     const getTeacherExpertiseByPida =() => {
-    let pid = {id :29}
-      // console.log('点击了LecturerSystemLista')
-      getTeacherExpertiseByPid(pid).then((res)=>{
-        if (res.data.code === 200) {
-            let arr = res.data.data;
-            let array = getTeacherExpertiseByPidList.value;
-            arr.map((value) => {
-              let obj = {
-                value: value.id,
-                label: value.name,
-              };
-              array.push(obj);
-            });
-            getTeacherExpertiseByPidList.value = array;
-          }
-      }) 
+    // let pid = {id :29}
+    //   // console.log('点击了LecturerSystemLista')
+    //   getTeacherExpertiseByPid(pid).then((res)=>{
+    //     if (res.data.code === 200) {
+    //         let arr = res.data.data;
+    //         let array = getTeacherExpertiseByPidList.value;
+    //         arr.map((value) => {
+    //           let obj = {
+    //             value: value.id,
+    //             label: value.name,
+    //           };
+    //           array.push(obj);
+    //         });
+    //         getTeacherExpertiseByPidList.value = array;
+    //       }
+    //   }) 
     }
+    watch(
+    ()=>state.formParam.TeacherExpertise,
+    val => {
+        state.formParam.getTeacherExpertiseByPid = state.getTeacherExpertiseByPidList[val][0];
+      },
+    )
        //新增页面内部姓名
        const infoteacherList = ref([
     //   { value: 0, systemName: "讲师体系" },
     ]);
     const  getinfoteacher = (obj) => {
       state.tableLoading=true 
-      infoteacher()
+      ()
         .then((res) => {
           infoteacherList.value = res.data.data.records
       }) 
@@ -709,8 +723,18 @@ export default {
     };
     //重置
     const searchReset = () => {
-      state.searchParam = { pageNo: 1, pageSize: 10 };
-      // getTableDate();
+      state.searchParam = { 
+        userNo:null,
+        tsystemName:null,
+        tlevelName:null,
+        waitStatus:null,
+        certStatus:null,
+        salaryName:null,
+        status:null,
+        pageNo: 1, 
+        pageSize: 10 ,
+      };
+      getTableDate();
     };
     //  List接口数据
      const getTableDate = (obj) => {
@@ -760,7 +784,6 @@ export default {
       state.teacherdialog1 = 0
       state.teacherdialog = true;
       state.teacherdialogtitle = '新增讲师'
-      //获取内部讲师级别
       LecturerSystemLista()
       getLevelLista()
       getTeacherExpertisea()
@@ -857,28 +880,19 @@ export default {
 
     //清空数据
     const cancel = () => {
-      // state.formParam=({
-      //  //讲师姓名
-      state.formParam.name = null;
-      //  // 讲师工号
-      state.formParam.userNo = null;
-      //  //将讲师组织
-      state.formParam.departId = null;
-      //  //初始授课时长
-      state.formParam.defaultTeachingTime = null,
-        //讲师等级
-        state.formParam.tlevelName = null;
-      //讲师体;
-      state.formParam.tsystemName = null;
-      //  //认证状;
-      state.formParam.certStatus = 1;
-      //讲师介绍
-      state.formParam.teacherIntrofuce =null;
-      //工作经历
-      state.formParam.workHistory =null;
-      //擅长课程
-      state.formParam.proficientInCourse =null;
-      console.log(state.formParam);
+      state.formParam ={
+        name:null,
+        userNo:null,
+        departId:null,
+        defaultTeachingTime:null,
+        tlevelName:null,
+        tsystemName:null,
+        certStatus:1,
+        teacherIntrofuce:null,
+        workHistory:null,
+        proficientInCourse:null,
+      }
+     
     }
     //表格内查看数据操作
     const handleLook = (record) => {
@@ -888,8 +902,8 @@ export default {
       state.userNoid= record.userNo
       state.lookTeacherId= record.id
       // alert(record.grade)
-      // TeacherSystem()
-      getteacherrecordstableData ()
+      TeacherSystem()
+      // getteacherrecordstableData ()
     }
     //内部讲师详情
     const TeacherSystem=()=>{
@@ -909,8 +923,7 @@ export default {
     }
     const teacherrecords=()=>{
       state.tagsshow= 2
-    //  getteacherrecordstableData ()
-       console.log(state.tagsshow)
+     getteacherrecordstableData ()
     }
     const promotionrecords=()=>{
       state.tagsshow= 3
@@ -1197,7 +1210,7 @@ export default {
   text-align: center;
 }
 
-.projectManage {
+.InsideLecturer {
   width: 100%;
   height: 100%;
   display: flex;
diff --git a/src/views/lecturer/InsideTeaching.vue b/src/views/lecturer/InsideTeaching.vue
index 329e0829..b07484a4 100644
--- a/src/views/lecturer/InsideTeaching.vue
+++ b/src/views/lecturer/InsideTeaching.vue
@@ -1,7 +1,1273 @@
 <!-- 内部授课页面 -->
 <template>
-  <div></div>
+  <div class="InsideTeaching">
+    <!-- 搜索框及按钮 -->
+    <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.tsystemName"
+            :options="LecturerSystemList">
+          </a-select>
+        </div>
+        <div class="select">
+          <a-select style="width: 230px" placeholder="请选择讲师体系" v-model:value="searchParam.tsystemName"
+            :options="LecturerSystemList">
+          </a-select>
+        </div>
+        <div class="select addTimeBox">
+          <div class="addTime">课程日期：</div>
+          <a-date-picker
+            v-model:value="searchParam.valueDate"
+            style="width: 230px"
+            format="YYYY-MM-DD"
+            separator="至"
+            placeholder="请选择课程日期"
+          />
+        </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.waitStatus" placeholder="课程分类"
+            :options="OnTheJobStatusList">
+          </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 class="btns">
+        <div class="btn btn3" @click="addTeacher">
+          <div class="btnText">添加授课记录</div>
+        </div>
+        <div class="btn btn3" @click="addTeacher" style="margin-left: 20px ;">
+          <div class="btnText">一键生成讲师费</div>
+        </div>
+      </div>
+      <div class="btns">
+        <div class="btn btn3" @click="showEHWorkModal" style="margin-right:20px">
+          <div class="daoru"></div>
+          <div class="btnText" @click="handleExport">导入</div>
+        </div>
+        <div class="btn btn3" @click="showEHWorkModal" style="margin-right:20px">
+          <div class="daochu"></div>
+          <div class="btnText" @click="handleExport">导出</div>
+        </div>
+      </div>
+      <!-- 表格 -->
+      <div style="padding: 10px 0">
+        <a-table :header-cell-style="{ 'text-align': 'center' }" style="border: 1px solid #f2f6fe" :columns="columns"
+          :data-source="tableData" :loading="tableLoading" @expand="expandTable" :pagination="false">
+          <template #bodyCell="{ record, column }">
+            <template v-if="column.key === 'operation'">
+              <a-space style="display:flex ;justify-content: space-around;  ">
+                <a-button type="link" @click="() => handleLook(record, String(record.courseform))">查看</a-button>
+                <a-button type="link" @click="() => handleModify(record, String(record.courseform))">修改</a-button>
+                <a-button 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="834px" height="476px">
+      <div style="cursor: pointer; margin-right: 32px;float: right; margin-top: -40px;" @click="cancelTeacherDialog">
+            <img
+              style="width: 22px; height: 22px"
+              src="../../assets/images/basicinfo/close22.png"
+            />
+          </div>
+      <div style="padding-bottom: 15px;" >
+        <div style="border: 1px rgb(177, 177, 177) solid; margin-left: 33px; margin-right: 33px; margin-bottom: 33px;" >
+        <div class="InsideTeaching" >
+          <div class="filter">
+            <div class="filterItems">
+              <!-- <div class="select">
+          <span style="display:inline-block ;width:115px ;text-align:center ">头像 :</span>
+          
+          </div> -->
+          <!-- 讲师姓名 -->
+              <div class="select">
+                <div  style="display:inline-block ;width:5px ;text-align:center ">
+              <img
+                style="width: 5px; height: 5px"
+                src="../../assets/images/basicinfo/asterisk.png"
+              />
+            </div>
+                <!--  v-model:value="searchParam.name" -->
+                <span style="display:inline-block ;width:115px ;text-align:center ">讲师姓名 :</span>
+                <a-input v-if="teacherdialog1 == 0" v-model:value="formParam.name" style="width:200px; height: 40px; "
+                  placeholder="请输入讲师姓名" allowClear showSearch>
+                </a-input>
+                <span v-if="teacherdialog1 == 1" class=display1>{{ formParam.name }}</span>
+              </div>
+              <!-- 讲师工号 -->
+              <div class="select">
+                <div  style="display:inline-block ;width:5px ;text-align:center ">
+              <img
+                style="width: 5px; height: 5px"
+                src="../../assets/images/basicinfo/asterisk.png"
+              />
+            </div>
+                <span style="display:inline-block ;width:125px ;text-align:center ">讲师工号 :</span>
+                <a-input v-if="teacherdialog1 == 0" disabled v-model:value="formParam.userNo"
+                  style="width:200px; height: 40px; " placeholder="自动带出讲师工号" allowClear showSearch>
+                </a-input>
+                <span v-if="teacherdialog1 == 1" class=display1>{{ formParam.userNo }}</span>
+              </div>
+              <!-- 讲师组织 -->
+              <div class="select">
+                <div  style="display:inline-block ;width:5px ;text-align:center ">
+              <img
+                style="width: 5px; height: 5px"
+                src="../../assets/images/basicinfo/asterisk.png"
+              />
+            </div>
+                <span style="display:inline-block ;width:115px ;text-align:center ">讲师组织 :</span>
+                <a-input disabled v-if="teacherdialog1 == 0" v-model:value="formParam.departId"
+                  style="width:200px; height: 40px;" placeholder="自动带出讲师组织" allowClear showSearch>
+                </a-input>
+                <span v-if="teacherdialog1 == 1" class=display1>{{ formParam.departId }}</span>
+              </div>
+              <!-- 讲师体系 -->
+              <div class="select">
+                <div  style="display:inline-block ;width:5px ;text-align:center ">
+              <img
+                style="width: 5px; height: 5px"
+                src="../../assets/images/basicinfo/asterisk.png"
+              />
+            </div>
+                <span style="display:inline-block ;width:125px ;text-align:center ">讲师体系 :</span>
+                <a-input disabled v-if="teacherdialog1 == 0" v-model:value="formParam.departId"
+                  style="width:200px; height: 40px;" placeholder="自动带出讲师体系" allowClear showSearch>
+                </a-input>
+                <span v-if="teacherdialog1 == 1" class=display1>{{ formParam.departId }}</span>
+              </div>
+              <!-- 讲师级别 -->
+              <div class="select">
+                <div  style="display:inline-block ;width:5px ;text-align:center ">
+              <img
+                style="width: 5px; height: 5px"
+                src="../../assets/images/basicinfo/asterisk.png"
+              />
+            </div>
+                <span style="display:inline-block ;width:115px ;text-align:center ">讲师级别 :</span>
+                <a-input v-if="teacherdialog1 == 0" disabled v-model:value="formParam.userNo"
+                  style="width:200px; height: 40px; " placeholder="自动带出讲级别" allowClear showSearch>
+                </a-input>
+                <span v-if="teacherdialog1 == 1" class=display1>{{ formParam.userNo }}</span>
+              </div>
+              <!-- 课程名称 -->
+              <div class="select">
+                <div  style="display:inline-block ;width:5px ;text-align:center ">
+              <img
+                style="width: 5px; height: 5px"
+                src="../../assets/images/basicinfo/asterisk.png"
+              />
+            </div>
+                <span style="display:inline-block ;width:125px ;text-align:center ">课程名称 :</span>
+                   <a-select style="width: 200px" placeholder="填写或选择授课记录" 
+                   showSearch
+                   v-model:value="formParam.tsystemName"
+            :options="LecturerSystemList">
+            </a-select>
+                <span v-if="teacherdialog1 == 1" class=display1>{{ formParam.defaultTeachingTime }}</span>
+              </div>
+              <!-- 培训发生组织 -->
+              <div class="select">
+                <div  style="display:inline-block ;width:5px ;text-align:center ">
+              <img
+                style="width: 5px; height: 5px"
+                src="../../assets/images/basicinfo/asterisk.png"
+              />
+            </div>
+                <span style="display:inline-block ;width:115px ;text-align:center ">培训发生组织 :</span>
+                <a-input disabled v-if="teacherdialog1 == 0" v-model:value="formParam.departId"
+                  style="width:200px; height: 40px;" placeholder="自动带出培训发生组织" allowClear showSearch>
+                </a-input>
+                <span v-if="teacherdialog1 == 1" class=display1>{{ formParam.departId }}</span>
+              </div>
+              <!-- 授课日期 -->
+              <div class="select addTimeBox">
+                <div  style="display:inline-block ;width:5px ;text-align:center ">
+              <img
+                style="width: 5px; height: 5px"
+                src="../../assets/images/basicinfo/asterisk.png"
+              />
+            </div>
+            <span style="display:inline-block ;width:125px ;text-align:center ">授课日期 :</span>
+          <a-date-picker
+          v-if="teacherdialog1 == 0"
+            v-model:value="formParam.valueDate"
+            style="width: 200px"
+            format="YYYY-MM-DD"
+            placeholder="请选择课程日期"
+          />
+          <span v-if="teacherdialog1 == 1" class=display1>{{ formParam.valueDate }}</span>
+        </div>
+        <!-- 授课/课程开发时长  -->
+        <div class="select">
+                <div  style="display:inline-block ;width:5px ;text-align:center ">
+              <img
+                style="width: 5px; height: 5px"
+                src="../../assets/images/basicinfo/asterisk.png"
+              />
+            </div>
+                <!--  v-model:value="searchParam.name" -->
+                <span style="display:inline-block ;width:115px ;text-align:center ">授课/课程开发时 :</span>
+                <a-input v-if="teacherdialog1 == 0" v-model:value="formParam.name" style="width:200px; height: 40px; "
+                  placeholder="小时 " allowClear showSearch>
+                </a-input>
+                <span v-if="teacherdialog1 == 1" class=display1>{{ formParam.name }}</span>
+              </div>
+              <!-- 参训人数 -->
+              <div class="select">
+                <!--  v-model:value="searchParam.name" -->
+                <span style="display:inline-block ;width:125px ;text-align:center ">参训人数 :</span>
+                <a-input v-if="teacherdialog1 == 0" v-model:value="formParam.name" style="width:200px; height: 40px; "
+                  placeholder="0 " allowClear showSearch>
+                </a-input>
+                <span v-if="teacherdialog1 == 1" class=display1>{{ formParam.name }}</span>
+              </div>
+              <!-- 评分 -->
+              <div class="select">
+                <div  style="display:inline-block ;width:5px ;text-align:center ">
+              <img
+                style="width: 5px; height: 5px"
+                src="../../assets/images/basicinfo/asterisk.png"
+              />
+            </div>
+                <!--  v-model:value="searchParam.name" -->
+                <span style="display:inline-block ;width:115px ;text-align:center ">评分 :</span>
+                <a-input v-if="teacherdialog1 == 0" v-model:value="formParam.name" style="width:200px; height: 40px; "
+                  placeholder="" allowClear showSearch>
+                </a-input>
+                <span v-if="teacherdialog1 == 1" class=display1>{{ formParam.name }}</span>
+              </div>
+              <!-- 内容分类 -->
+              <div class="select">
+                <div  style="display:inline-block ;width:5px ;text-align:center ">
+              <img
+                style="width: 5px; height: 5px"
+                src="../../assets/images/basicinfo/asterisk.png"
+              />
+            </div>
+                <span style="display:inline-block ;width:115px ;text-align:center ">内容分类 :</span>
+                <a-select style="width: 200px" v-if="teacherdialog1 == 0" v-model:value="formParam.tsystemName"
+                showSearch  :option="LecturerSystemList" placeholder=" " >
+                   </a-select> 
+                <span v-if="teacherdialog1 == 1" class=display1>{{ formParam.defaultTeachingTime }}</span>
+              </div>
+              <!-- 授课类型 -->
+              <div class="select">
+                <div  style="display:inline-block ;width:5px ;text-align:center ">
+              <img
+                style="width: 5px; height: 5px"
+                src="../../assets/images/basicinfo/asterisk.png"
+              />
+            </div>
+                <span style="display:inline-block ;width:115px ;text-align:center ">授课类型 :</span>
+                <a-select style="width: 200px" v-if="teacherdialog1 == 0" v-model:value="formParam.tsystemName"
+                showSearch  :option="LecturerSystemList" placeholder="选择授课记录 " >
+                   </a-select> 
+                <span v-if="teacherdialog1 == 1" class=display1>{{ formParam.defaultTeachingTime }}</span>
+              </div>
+              <!-- 备注 -->
+              <div style="width: 834px;height: 1px;"></div>
+              <span style="display:inline-block ;width:115px ;text-align:center ">备注 :</span>
+                <a-input type="textarea"  v-if="teacherdialog1 == 0" v-model:value="formParam.remark"
+                  style="width:550px; height: 115px; ">
+                </a-input>
+                <span v-if="teacherdialog1 == 1" class=display1>{{ formParam.userNo }}</span>
+              <div class="del_btnbox"  v-if="teacherdialog1 == 0">
+                <a-button class="del_btn btn1" @click="cancelTeacherDialog" style="margin-right: 32px;">取消</a-button>
+                <a-button class="del_btn btn2" @click="createTeacherDialog" :loading="buttonLoading">保存
+                </a-button>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+     
+      </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 type="text/javascript">
-  
-</script>
\ No newline at end of file
+<script lang="jsx">
+import { reactive, toRefs, ref } from "vue";
+import { useRouter } from "vue-router";
+import Editor from "@/components/project/Editor";
+import Upload from "@/components/project/Upload";
+import {getTeacherSystemList ,infoteacher, getLevel,insertTeacher,deleteTeacher,updateInTeacher,getTeacherById, } from "../../api/Lecturer";
+import {getNewInTeacherCourseList} from "../../api/Teaching";
+// import AddTeacher from "../../components/drawers/project/AddTeacher"
+export default { 
+  name: "InsideTeaching",
+  components: {
+    // AddTeacher,
+    Editor,
+    Upload
+  },
+  setup() {
+    const router = useRouter();
+    const state = reactive({
+      tableLoading:false,
+      delTeacherId:null, //删除id确认
+      userNoid:null,    //详情工号确认 
+      lookTeacherId:null, //详情id确认
+      deleteTeacherdialog: false, //删除弹窗
+      teacherdialog1: null,
+      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 LecturerSystemList = ref([
+    //   { value: 0, systemName: "讲师体系" },
+    ]);
+    //获取讲师体系列表
+    const LecturerSystemLista =() => {
+      // console.log('点击了LecturerSystemLista')
+      getTeacherSystemList().then((res)=>{
+        if (res.data.code === 200) {
+            let arr = res.data.data;
+            let array = LecturerSystemList.value;
+            arr.map((value) => {
+              let obj = {
+                value: value.id,
+                label: value.name,
+              };
+              array.push(obj);
+            });
+            LecturerSystemList.value = array;
+          }
+        console.log("获取讲师",LecturerSystemList);
+      }) 
+    }
+    LecturerSystemLista()
+    //获取内部讲师级别
+    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',
+        elipsis: true,
+        width: 120,
+      },
+      {
+        title: '讲师姓名 ',
+        dataIndex: 'name',
+        key: 'name',
+        elipsis: true,
+        width: 120,
+      },
+      {
+        title: '讲师工号 ',
+        dataIndex: 'userNo',
+        key: 'userNo',
+        elipsis: true,
+        width: 120,
+      },
+      {
+        title: '所属组织 ', 
+        dataIndex: 'departId',
+        key: 'departId',
+        elipsis: true,
+        width: 400,
+        //  customRender: (value, record) => {
+        //   return (
+        //     <div>
+        //       {value.record.orgName}
+        //     </div>
+        //   )
+        // }
+      },
+      {
+        title: '讲师体系 ',
+        dataIndex: 'tsystemName',
+        key: 'tsystemName',
+        elipsis: true,
+        width: 120,
+      },
+      {
+        title: '课程名称 ',
+        dataIndex: 'tlevelName',
+        key: 'tlevelName',
+        elipsis: true,
+        width: 120,
+      },
+      {
+        title: '授课/课程日期 ',
+        dataIndex: 'payrollPlaceName',
+        key: 'payrollPlaceName',
+        elipsis: true,
+        width: 120,
+      },
+      {
+        title: '授课时长(H) ',
+        dataIndex: 'teaching',
+        key: 'teaching',
+        elipsis: true,
+        width: 120,
+      },
+      {
+        title: '内容分类',
+        dataIndex: 'teaching',
+        key: 'teaching',
+        elipsis: true,
+        width: 120,
+      },
+      {
+        title: '课程类型 ',
+        dataIndex: 'waitStatus',
+        key: 'waitStatus',
+        elipsis: true,
+        width: 120,
+        customRender: (value) => {
+          return (
+            <div>
+              {value.record.waitStatus == "0" || value.record.waitStatus == "1"
+                ? {
+                  "0": "在线课",
+                  "1": "面授课",
+                }[value.record.waitStatus + ""] || ""
+                : "-"}
+            </div>
+          )
+        }
+      },
+      {
+        title: '参训学员人数',
+        dataIndex: 'teaching',
+        key: 'teaching',
+        elipsis: true,
+        width: 120,
+      },
+      {
+        title: '评分',
+        dataIndex: 'teaching',
+        key: 'teaching',
+        elipsis: true,
+        width: 120,
+      },
+      {
+        title: '开课状态 ',
+        dataIndex: 'certStatus',
+        key: 'certStatus',
+        elipsis: true,
+        width: 120,
+        customRender: (value) => {
+          return (
+            <div>
+              {value.record.certStatus == 0 || value.record.certStatus == 1
+                ? {
+                  "0": "未开课",
+                  "1": "已开课",
+                }[value.record.certStatus + ""] || ""
+                : "-"}
+            </div>
+          )
+        }
+      },
+      {
+        title: '操作 ',
+        dataIndex: 'operation',
+        key: 'operation',
+        elipsis: true,
+        width: 300,
+        scopedSlots: { customRender: "action" },
+      },
+    ])
+    //列表数据
+    const tableData = ref([
+      // {
+      //   name: '夏冬',
+      //   userNo: '1152790',
+      //   organizationDTO: '京东方科技集团股份有限公司/显示器创新业务中台/品质中台/整机品保中心QA部',
+      //   lecturerSystem: 'MiniLED事业',
+      //   grade: '1',
+      //   placeOfPay: 'B1',
+      //   teachingDuration: '0.00小时',
+      //   onTheJobStatus: '1',
+      //   authenticationStatus: '1',
+      //   accountStatus: '1',
+      // },
+
+    ])
+    // 搜索
+    const searchSubmit = () => {
+      getTableDate();
+    };
+    //重置
+    const searchReset = () => {
+      state.searchParam = { pageNo: 1, pageSize: 10 };
+      // getTableDate();
+    };
+    //  List接口数据
+     const getTableDate = (obj) => {
+      state.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.teacherdialog1 = 0
+      state.teacherdialog = true;
+      state.teacherdialogtitle = '添加授课记录'
+      //获取内部讲师级别
+      LecturerSystemLista()
+      getLevelLista()
+      getTeacherExpertisea()
+      
+    }
+    //修改讲师信息弹窗
+    const handleModify = (record) => {
+      state.teacherdialog1 = 0
+      state.teacherdialog = true;
+      state.teacherdialogtitle = '修改信息'
+      TeacherSystem()
+    }
+    //保存
+    const createTeacherDialog =()=>{
+      //调用新增修改接口
+      // this.$refs["formParam"].validate(valid => {
+      //           if (valid) {
+        let objform = {...state.formParam}
+      //               if (state.formParam.userNo != undefined) {
+      //                 updateInTeacher (objform).then(response => {
+      //                       state.$modal.msgSuccess("修改成功");
+      //                       state.teacherdialog = false;
+      //                       state.getlist()
+      //                   });
+      //               }
+      //             else {
+                      // insertTeacher(objform).then(response => {
+                      //   console.log('1')
+                            // state.$modal.msgSuccess("新增成功");
+                            // state.teacherdialog = false;
+                            // getTableDate()
+                        // })
+      //               }
+      //           }
+      //       })
+      state.teacherdialog = false
+    }
+    //删除弹窗
+    const deleteModal = (record) => {
+      state.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 = () => {
+      if(state.teacherdialog = true )
+      {
+      state.teacherdialog = false
+      cancel()
+     }
+       state.deleteTeacherdialog = false 
+    };
+
+    //清空数据
+    const cancel = () => {
+      state.formParam ={
+        name:null,
+        userNo:null,
+        departId:null,
+        defaultTeachingTime:null,
+        tlevelName:null,
+        tsystemName:null,
+        certStatus:1,
+        teacherIntrofuce:null,
+        workHistory:null,
+        proficientInCourse:null,
+      }
+     
+    }
+     //页面内部姓名
+     const infoteacherList = ref([
+    ]);
+    const  getinfoteacher = (obj) => {
+      state.tableLoading=true 
+      infoteacher()
+        .then((res) => {
+          infoteacherList.value = res.data.data.records
+      }) 
+    };
+
+    //表格内查看数据操作
+    const handleLook = (record) => {
+      // state.teacherdialog1 = 1
+      // state.teacherdialog = true;
+      // state.teacherdialogtitle = '查看详情'
+      // state.userNoid= record.userNo
+      // state.lookTeacherId= record.id
+      // // alert(record.grade)
+      // // TeacherSystem()
+      let id = record.userNo
+      // router.push({ path: '/lecturer/InsideTeachingDetail/', query: { id  } })
+      router.push({ path: '/InsideTeachingDetail' })
+    }
+    //内部讲师详情
+    const TeacherSystem=()=>{
+      let ids={userNo :  state.userNoid }
+      getTeacherById(ids).then((res) => {
+          console.log("内部讲师详情", res.data);
+          state.formParam= res.data.data
+      }) 
+      .catch((err) => {
+          console.log("内部讲师详情", err);
+        });
+    }
+    //导出功能
+    // const handleExport = ()=>{
+    //   this.download('lesson_records/export', {
+    //             ...state.searchParam
+    //         }, `project_${new Date().getTime()}.xlsx` )
+    //     }
+    return {
+      ...toRefs(state),
+      infoteacherList,
+      getinfoteacher,
+      // handleExport,
+      LecturerSystemList,
+      getLevelList,
+      OnTheJobStatusList,
+      getLevelLista,
+      AuthenticationStatusList,
+      searchSubmit,
+      searchReset,
+      columns,
+      tableData,
+      changePagination,
+      addTeacher,
+      cancelTeacherDialog,
+      handleLook,
+      cancel,
+      deleteModal,
+      handleModify,
+      closeDeleteTeacher,
+      createTeacherDialog,
+       getTableDate, //list接口数据调用
+      // getStu
+      LecturerSystemLista,
+      TeacherSystem,
+    }
+  },
+};
+</script>
+<style lang="scss">
+//导出按钮icon
+.daochu {
+          width: 16px;
+          height: 18px;
+          background-image: url("../../assets/images/coursewareManage/export1.png");
+        }
+    //导入按钮icon
+.daoru{
+          width: 16px;
+          height: 18px;
+          background-image: url("../../assets/images/coursewareManage/daoru.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%;
+  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