diff --git a/.env b/.env
index e1aa8cf2..41024463 100644
--- a/.env
+++ b/.env
@@ -2,6 +2,7 @@
 VUE_APP_BASE=/manage
 # api项目基础url
 VUE_APP_BASE_API=/manageApi
+VUE_APP_BASE_API1=https://pretest.zcwytd.com/
 # systemApi
 VUE_APP_SYS_API=/systemapi
 # activityApi
@@ -13,11 +14,12 @@ VUE_APP_TOOL_FOLDERID=1147577145918910464
 #文件路径
 VUE_APP_FILE_PATH=/upload/
 # 代理url 本地调试，不可以用在其他地方
-VUE_APP_PROXY_URL=//u-pre.boe.com/manageApi
+VUE_APP_PROXY_URL=//47.97.44.123:30001/
+# VUE APP PROXY URL=//u-pre.boe.com/manageApi
 # 登录url
-VUE_APP_LOGIN_URL=//u-pre.boe.com/web?returnUrl=
+VUE_APP_LOGIN_URL=//pretest.zcwytd.com/web?returnUrl=
 # boe域名
-VUE_APP_BOE_API_URL=//u-pre.boe.com
+VUE_APP_BOE_API_URL=//47.97.44.123:30001
 #打包路径
 VUE_APP_OUTPUT_DIR=./dist
 
diff --git a/src/api/Lecturer.js b/src/api/Lecturer.js
index 47a660d9..fe29dedd 100644
--- a/src/api/Lecturer.js
+++ b/src/api/Lecturer.js
@@ -13,7 +13,7 @@ export const getTeacherSystemList = (obj) => http.post('/admin/teacher/getSystem
 // 获取内部讲师列表
 export const getTeacherList = (obj) => http.post('/admin/teacher/getInTeacherList', obj)
 //获取内部讲师发薪地
-export const getTeacherPayRollPriceList = (obj) => http.post('/admin/teacher/getPayRollPlace', obj)
+export const getPayRollPlace = (obj) => http.post('/admin/teacher/getPayRollPlace', obj)
 //获取内部讲师级别
 export const getLevel = (obj) => http.post('/admin/teacher/getLevel', obj)
 //新增内部讲师
@@ -21,7 +21,7 @@ export const insertTeacher = (obj) => http.post('/admin/teacher/insertInTeacher'
 //修改 内部讲师
 export const updateInTeacher = (obj) => http.post('/admin/teacher/updateInTeacher' ,obj)
 //内部讲师详情
-export const getTeacherById= (obj) => http.post(`/admin/teacher/getTeacherById?userNo=${obj}`)
+export const getTeacherById= (obj) => http.post(`/admin/teacher/getTeacherById?id=${obj}`)
 //删除内部讲师
 export const deleteInTeacher= (obj) => http.post(`/admin/teacher/deleteInTeacher?id=${obj}`)
 //修改内部讲师状态
diff --git a/src/components/NavLeft.vue b/src/components/NavLeft.vue
index 9af4cc76..126fe924 100644
--- a/src/components/NavLeft.vue
+++ b/src/components/NavLeft.vue
@@ -613,69 +613,35 @@
           <a-menu-item key="sub24-1">
             <span
                 :class="{
-                circleActive: selectedKeys[0] === 'sub24-1' ? true : false,
-                circle: selectedKeys[0] === 'sub24-1' ? false : true,
+                circleActive: selectedKeys[0] === 'sub27-1' ? true : false,
+                circle: selectedKeys[0] === 'sub27-1' ? false : true,
               }"
             ></span>
-            <router-link to="/insidelecturer">内部讲师</router-link>
+            <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,
+                circleActive: selectedKeys[0] === 'sub27-2' ? true : false,
+                circle: selectedKeys[0] === 'sub27-2' ? false : true,
               }"
             ></span>
-            <router-link to="/externallecturer">外部讲师</router-link>
+            <router-link to="/teachingRecord">授课记录</router-link>
           </a-menu-item>
-        </a-sub-menu>
-        <a-sub-menu key="sub25" @titleClick="titleClick">
-          <template #icon>
-            <div class="imgBox">
-              <img style="width: 15px; height: 15px" src="../assets/images/navleft/project.png" />
-            </div>
-          </template>
-          <template #title>授课记录</template>
-          <a-menu-item key="sub25-1">
+          <a-menu-item key="sub24-3">
             <span
                 :class="{
-                circleActive: selectedKeys[0] === 'sub25-1' ? true : false,
-                circle: selectedKeys[0] === 'sub25-1' ? false : true,
-              }"
-            ></span>
-            <router-link to="/insideteaching">内部授课</router-link>
-          </a-menu-item>
-          <a-menu-item key="sub25-2">
-            <span
-                :class="{
-                circleActive: selectedKeys[0] === 'sub25-2' ? true : false,
-                circle: selectedKeys[0] === 'sub25-2' ? false : true,
-              }"
-            ></span>
-            <router-link to="/externalteaching">外部授课</router-link>
-          </a-menu-item>
-        </a-sub-menu>
-        <a-sub-menu key="sub26" @titleClick="titleClick">
-          <template #icon>
-            <div class="imgBox">
-              <img style="width: 15px; height: 15px" src="../assets/images/navleft/project.png" />
-            </div>
-          </template>
-          <template #title>讲师费</template>
-          <a-menu-item key="sub26-1">
-            <span
-                :class="{
-                circleActive: selectedKeys[0] === 'sub26-1' ? true : false,
-                circle: selectedKeys[0] === 'sub26-1' ? false : true,
+                  circleActive: selectedKeys[0] === 'sub27-3' ? true : false,
+                circle: selectedKeys[0] === 'sub27-3' ? false : true,
               }"
             ></span>
             <router-link to="/lecturerfeemanagement">讲师费管理</router-link>
           </a-menu-item>
-          <a-menu-item key="sub26-2">
+          <a-menu-item key="sub24-4">
             <span
                 :class="{
-                circleActive: selectedKeys[0] === 'sub26-2' ? true : false,
-                circle: selectedKeys[0] === 'sub26-2' ? false : true,
+                  circleActive: selectedKeys[0] === 'sub27-4' ? true : false,
+                circle: selectedKeys[0] === 'sub27-4' ? false : true,
               }"
             ></span>
             <router-link to="/lecturerfeestatistics">讲师费统计</router-link>
@@ -696,20 +662,18 @@
           mode="inline"
           @click="handleClick"
       >
-
         <a-menu-item key="sub24" @titleClick="titleClick">
-          <router-link to="/insidelecturer">内部讲师</router-link>
+          <router-link to="/lecturerList">讲师列表</router-link>
         </a-menu-item>
-        <a-menu-item key="sub25" @titleClick="titleClick">
-          <router-link to="/externallecturer">外部讲师</router-link>
+         <a-menu-item key="sub25" @titleClick="titleClick">
+          <router-link to="/teachingRecord">授课记录</router-link>
         </a-menu-item>
         <a-menu-item key="sub26" @titleClick="titleClick">
-          <router-link to="/insideteaching">内部授课</router-link>
+          <router-link to="/lecturerfeemanagement">讲师费管理</router-link>
         </a-menu-item>
         <a-menu-item key="sub27" @titleClick="titleClick">
-          <router-link to="/externalteaching">外部授课</router-link>
+          <router-link to="/lecturerfeestatistics">讲师费统计</router-link>
         </a-menu-item>
-
         <a-menu-item key="sub10" @titleClick="titleClick">
           <router-link to="/coursereviewedn">审核</router-link>
         </a-menu-item>
diff --git a/src/components/project/Editor.vue b/src/components/project/Editor.vue
index 2d547789..3e4eafbe 100644
--- a/src/components/project/Editor.vue
+++ b/src/components/project/Editor.vue
@@ -7,10 +7,11 @@
 -->
 <template> 
     <div style="border: 1px solid #ccc; width: 100%; ">
-      <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" />
+      <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" @customPaste="customPaste"  />
+      <span>{{  }}</span>
     </div>
-    <!-- <el-button style="margin: 0 auto" @click="getEditorHTML">获取富文本HTML内容</el-button> -->
+
   </template>
   <script setup>
   // 富文本编辑器文档链接: https://www.wangeditor.com/v5/getting-started.html
@@ -31,13 +32,23 @@
   // 自定义图片上传
   editorConfig.value.MENU_CONF['uploadImage'] = {
     async customUpload(file, insertFn) {
-      console.log('上传图片', file);
-      // 将上传的file图片转换为base64
-      const base64 = URL.createObjectURL(file);
-  
-      // 这里的file为上传的图片对象,insertFn传入
-      insertFn(base64, 'img');
-    },
+        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
+            );
+          }
+        });
+      },
   };
   
   // 自定义视频上传
@@ -63,12 +74,6 @@
       callback(false);
     }
   };
-  
-  // // 获取富文本html内容
-  // const getEditorHTML = () => {
-  //   console.log(editorRef.value.getHtml());
-  // };
-  
   // 组件销毁时，也及时销毁编辑器
   onBeforeUnmount(() => {
     const editor = editorRef.value;
diff --git a/src/views/lecturer/ExternalLecturer.vue b/src/views/lecturer/ExternalLecturer.vue
index 9d7c5bc2..ff76b338 100644
--- a/src/views/lecturer/ExternalLecturer.vue
+++ b/src/views/lecturer/ExternalLecturer.vue
@@ -69,112 +69,112 @@
       </div>
     </div>
     <!-- 弹窗组件 -->
-    <a-modal :visible="teacherdialog" @ok="closeModal2" :footer="null" :closable="false"
-      wrapClassName="CreatePath" >
-      <div class="out">
-      <div class="top">
-        <div class="topc">{{teacherdialogtitle }}</div>
-          <div @click="cancelTeacherDialog" style="margin-left: 650px; cursor: pointer">
-            <img
-              style="width: 20px; height: 20px"
-              src="../../assets/images/basicinfo/close.png"
-            />
-          </div>
-        </div>
-      <div style="padding-bottom: 15px;">
-        <div class="headerLeft" style="margin-left: 33px">
-          <a-button @click="particulars" v-if="teacherdialog1 == 1">个人详情</a-button>
-          <a-button @click="teacherrecords" v-if="teacherdialog1 == 1">授课记录</a-button>
-        </div>
-        <!-- 个人详情 -->
-        <div style=" margin-left: 33px; margin-right: 33px; margin-bottom: 33px;"
-          v-show="tagsshow == 1">
-          <div class="ExternalLecturer">
-            <div class="filter">
-              <div class="filterItems">
-                <!-- <div class="select">
-          <span style="display:inline-block ;width:100px ;text-align:center ">头像 :</span>
-          
-          </div> -->
-                <div class="select">
-                  <div style="display:inline-block ;width:5px ;text-align:center ">
-                    <img style="width: 5px; height: 5px" src="../../assets/images/basicinfo/asterisk.png" />
-                  </div>
-                  <!--  v-model:value="searchParam.name" -->
-                  <span style="display:inline-block ;width:80px ;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:80px ;text-align:center ">手机号码 :</span>
-                  <a-input v-if="teacherdialog1 == 0" v-model:value="formParam.mobile" style="width:200px; height: 40px; "
-                    placeholder="请输入11位手机号码" allowClear showSearch>
-                  </a-input>
-                  <span v-if="teacherdialog1 == 1" class=display1>{{ formParam.mobile }}</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:80px ;text-align:center ">邮箱:</span>
-                  <a-input v-if="teacherdialog1 == 0" v-model:value="formParam.email" style="width:200px; height: 40px;"
-                    placeholder="" allowClear showSearch>
-                  </a-input>
-                  <span v-if="teacherdialog1 == 1" class=display1>{{ formParam.email }}</span>
-                </div>
-                <div class="select">
-                  <!-- <Editor/> -->
-                  <div class="select">
-                    <span style="display:inline-block ;width:80px ; text-align:center ">讲师介绍 :</span>
-                  </div>
-                  <Editor v-if="teacherdialog1 == 0" v-model="formParam.description"
-                    style="width: 500px ;display:inline-block ; margin-top:-50px ;margin-left:80px " />
-                  <span v-if="teacherdialog1 == 1" style="display: block; width: 500px;">{{ formParam.description
-                  }}</span>
-                </div>
-                
-                    <!-- 备注 -->
-                <div style="width: 834px;height: 1px;"></div>
-                <span style="display:inline-block ;width:115px ;text-align:center ">备注 :</span>
-                <a-textarea    v-if="teacherdialog1 == 0"
+    <a-drawer v-model:visible="teacherdialog" placement="right" @closa="cancelTeacherDialog" :maskClosable="true"
+    width="60%" :title="teacherdialogtitle">
+      <a-form :model="formParam" :rules="rules" layout="vertical">
+        <!-- 基本信息 -->
+        <a-row>
+          <a-col :span="24">
+          <span class="line"></span><span>基本信息</span>
+        </a-col>
+        <!-- 头像 -->
+        </a-row>
+        <a-row :gutter="16">
+          <a-col :span="24">
+              <a-upload
+    v-model:file-list="fileList"
+    name="avatar"
+    list-type="picture-card"
+    class="avatar-uploader"
+    :show-upload-list="false"
+    action="https://www.mocky.io/v2/5cc8019d300000980a055e76"
+    :before-upload="beforeUpload"
+    @change="handleChange"
+  />
+          </a-col>
+        </a-row>
+        <!-- 讲师名称 ,手机号码-->
+        <a-row :gutter="16">
+          <a-col :span="12">
+            <a-form-item label="讲师名称" name="name">
+              <a-tree-select v-model:value="formParam.name" tree-data-simple-mode style=" width:276px ;"
+                :dropdown-style="{ maxHeight: '400px', overflow: 'auto' }" :tree-data="treeData" placeholder="请输入讲师名称" />
+            </a-form-item>
+          </a-col>
+          <a-col :span="12">
+            <a-form-item label="手机号码" name="mobile">
+                <a-input  v-model:value="formParam.mobile" style="width:276px; height: 40px; "
+                  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="levelId">
+              <a-input  v-model:value="formParam.userNo" style="width:276px; height: 40px; "
+                  placeholder="请输入供应商" allowClear showSearch>
+                </a-input>
+            </a-form-item>
+          </a-col>
+          <a-col :span="12">
+            <a-form-item label="讲师邮箱" name="email">
+              <a-input  v-model:value="formParam.email" style="width:276px; height: 40px; "
+                  placeholder="请输入讲师邮箱" allowClear showSearch>
+                </a-input>
+            </a-form-item>
+          </a-col>
+        </a-row>
+ 
+        <!-- 其他信息 -->
+        <a-row>
+          <a-col :span="24">
+          <span class="line"></span><span>其他信息</span>
+        </a-col>
+        </a-row>
+        <!-- 讲师介绍 -->
+        <a-row :gutter="16">
+          <a-col :span="24">
+            <a-form-item label="讲师介绍">
+              <Editor v-model="formParam.description "/>
+            </a-form-item>
+          </a-col>
+        </a-row>
+        <!-- 备注 -->
+        <a-row :gutter="16">
+          <a-col :span="24">
+            <a-form-item label="备注">
+              <a-textarea    v-if="teacherdialog1 == 0"
                               v-model:value="formParam.remark"
                               showCount
                               :maxlength="200"
-                              style="width: 500px; height: 100px; border-radius: 8px"
+                              style="width: 100%; height: 100px; border-radius: 8px"
                               placeholder="请输入"/>
-                  <span v-if="teacherdialog1 == 1" class=display1>{{ formParam.remark }}</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 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" :data-source="teacherrecordstableData" :loading="teacherrecordsLoading"
-              @expand="expandTable" :pagination="false">
-              <template #bodyCell="{ record, column }">
-              </template>
-            </a-table>
-          </div>
-          <a-pagination v-if="teacherrecordstableDataTotal > 10" :showSizeChanger="true" :hideOnSinglePage="true"
-            :pageSize="pageSize" v-model:current="searchParam.pageNo" :total="teacherrecordstableDataTotal"
-            class="pagination" @change="teacherchangePagination" />
-        </div>
-      </div>
-      </div>
-    </a-modal>
+            </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 style="margin-right: 8px"  @click="cancelTeacherDialog" >取消</a-button>
+                <a-button type="primary" @click="createTeacherDialog" :loading="buttonLoading">保存
+                </a-button>
+    </div>
+    </a-drawer>
+
     <!-- 删除功能弹窗 -->
     <div>
       <a-modal v-model:visible="deleteTeacherdialog" :footer="null" :closable="close" wrapClassName="canclestu1"
@@ -1217,4 +1217,8 @@ export default {
           }
         }
 }
+//小竖线
+.line{
+  float:left; width: 3px; height: 25px; background: #4ea6ff;border-radius: 30%; margin-right: 5px;
+}
 </style>
diff --git a/src/views/lecturer/ExternalTeaching.vue b/src/views/lecturer/ExternalTeaching.vue
index 4b7d0e61..7f75a3a5 100644
--- a/src/views/lecturer/ExternalTeaching.vue
+++ b/src/views/lecturer/ExternalTeaching.vue
@@ -252,7 +252,7 @@
         </div>
       </a-modal>
     </div>
-    <!-- <div> <Upload/> </div>         -->
+    <!-- <div> <ImageUpload/> </div>         -->
   </div>
 </template>
 <script lang="jsx">
diff --git a/src/views/lecturer/InsideLecturer.vue b/src/views/lecturer/InsideLecturer.vue
index 27d4b11c..f735d500 100644
--- a/src/views/lecturer/InsideLecturer.vue
+++ b/src/views/lecturer/InsideLecturer.vue
@@ -1,88 +1,92 @@
-<!-- 项目页面 -->
+<!-- 内部讲师 -->
 <template>
   <div class="InsideLecturer">
-    <div>
-  </div>
     <!-- 搜索框及按钮 -->
-    <div class="filter">
-      <div class="filterItems">
-        <div class="select">
+    <div class="filter" style="min-width: 1380px;">
+      <a-form   layout="inline">
+        <a-form-item class="select">
           <!--  v-model:value="searchParam.name" -->
-          <a-input v-model:value="searchParam.userNo " style="width: 230px; height: 40px; border-radius: 8px"
-            placeholder="请输入工号/姓名检索" allowClear showSearch>
+          <a-input v-model:value="searchParam.userNo" style="width: 276px; height: 40px; border-radius: 8px"
+            placeholder="请输入工号/讲师姓名进行检索" allowClear showSearch>
           </a-input>
-          
-          <!-- <a-select style="width: 230px" placeholder="请选择所属组织" v-model:value="searchParam.userNo"
+
+          <!-- <a-select style="width: 276px" 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"
+        </a-form-item>
+        <a-form-item class="select">
+          <a-select style="width: 276px" placeholder="请选择讲师体系" v-model:value="searchParam.tsystemName"
             :options="LecturerSystemList">
           </a-select>
-        </div>
-        <div class="select">
-          <a-select style="width: 230px" v-model:value="searchParam.tlevelId" placeholder="级别" :options="getLevelList">
+        </a-form-item>
+        <a-form-item class="select">
+          <a-select style="width: 276px" v-model:value="searchParam.tlevelId" placeholder="请选择讲师级别"
+            :options="getLevelList">
           </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 class="select">
-          <a-select style="width: 230px" v-model:value="searchParam.waitStatus" placeholder="在职状态"
+        <div style="width:100%"></div>
+        <a-form-item v-if="moreid == 2" class="select">
+          <a-select style="width: 276px" 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="认证状态"
+        </a-form-item>
+        <a-form-item v-if="moreid == 2" class="select">
+          <a-select style="width: 276px" v-model:value="searchParam.certStatus" placeholder="认证状态"
             :options="AuthenticationStatusList">
           </a-select>
-        </div>
-        <div class="select">
-          <a-select style="width: 230px" v-model:value="searchParam.payrollPlaceId" placeholder="发薪地">
-            <a-select-option
-              v-for="item in PlaceOfPayList"
-              :key="item.value "
-              :value="item.value "
-            >{{item.label}}</a-select-option>
+        </a-form-item>
+        <a-form-item v-if="moreid == 2" class="select">
+          <a-select style="width: 276px" v-model:value="searchParam.payrollPlaceId" placeholder="发薪地"
+            :options="PlaceOfPayList">
           </a-select>
-        </div>
-        <div class="select">
-          <a-select style="width: 230px" v-model:value="searchParam.status" placeholder="账号状态"
+        </a-form-item>
+        <!-- <div class="select">
+          <a-select style="width: 276px" v-model:value="searchParam.status" placeholder="账号状态"
             :options="AccountStatusList">
           </a-select>
-        </div>
-        <div style="display: flex; margin-bottom: 20px">
-          <div class="btnn btn1" @click="searchSubmit">
-            <div class="search"></div>
-            <div class="btnText">搜索</div>
-          </div>
-          <div class="btn btn2" @click="searchReset">
-            <div class="search"></div>
-            <div class="btnText">重置</div>
-          </div>
-        </div>
-      </div>
-      <div class="btns">
-        <div class="btn btn3" @click="addTeacher">
-          <div class="search"></div>
-          <div class="btnText">新增讲师</div>
-        </div>
-      </div>
-      <div class="btns">
-        <div class="btn btn3" @click="showEHWorkModal" style="margin-right:20px">
-          <div class="daochu"></div>
-          <div class="btnText" @click="handleExport">导出</div>
+        </div> -->
+      </a-form>
+      <div style="display: flex; margin-bottom: 20px">
+        <a-button @click="addTeacher()" type="primary" class="resetbtn">
+          <UploadOutlined /> 新增讲师
+        </a-button>
+        <div style="margin-left: 20px ;">
+          <a-button @click="handleExport()" class="resetbtn">
+            <UploadOutlined /> 导出
+          </a-button>
         </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">
+        <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 style="display:flex ;justify-content: space-around;  ">
                 <a-button type="link" @click="() => handleLook(record, String(record.courseform))">查看</a-button>
                 <a-button type="link" @click="() => handleModify(record, String(record.courseform))">编辑</a-button>
-                <a-button v-if="record.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 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" @click="() => deleteModal(record, String(record.courseform))">删除</a-button>
               </a-space>
             </template>
@@ -93,245 +97,152 @@
     </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"
-          />
+        <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"  @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: 650px; cursor: pointer">
-            <img
-              style="width: 20px; height: 20px"
-              src="../../assets/images/basicinfo/close.png"
-            />
-          </div>
-        </div>
-      <div  class="mid clearfix">
-        <div class="headerLeft" style="margin-left: 33px" >
-          <a-button  @click ="particulars" v-if="teacherdialog1 == 1" >个人详情</a-button>
-          <a-button  @click ="teacherrecords" v-if="teacherdialog1 == 1"  >授课记录</a-button>
-          <a-button  @click ="promotionrecords" v-if="teacherdialog1 == 1"  >晋级记录</a-button>
-        </div>
-          <!-- 个人详情 -->
-        <div  v-show="tagsshow==1">
-        <div class="InsideLecturer" >
-          <div class="filter">
-            <div class="filterItems">
-              <!-- <div class="select">
-          <span style="display:inline-block ;width:100px ;text-align:center ">头像 :</span>
-          
-          </div> -->
-              <div class="select">
-                <div  style="display:inline-block ;width:5px ;text-align:center ">
-              <img
-                style="width: 5px; height: 5px"
-                src="../../assets/images/basicinfo/asterisk.png"
-              />
-            </div>
-                <span style="display:inline-block ;width:80px ;text-align:center ">讲师姓名 :</span>
-                <a-input v-if="teacherdialog1 == 0" v-model:value="formParam.name" style="width:200px; height: 40px; "
-                  placeholder="请输入讲师姓名" allowClear showSearch>
+    <a-drawer v-model:visible="teacherdialog" placement="right" @closa="cancelTeacherDialog" :maskClosable="true"
+    width="60%"  :title="teacherdialogtitle">
+      <a-form :model="formParam" :rules="rules" layout="vertical">
+        <!-- 基本信息 -->
+        <a-row>
+          <a-col :span="24">
+          <span class="line"></span><span>基本信息</span>
+        </a-col>
+        <!-- 头像 -->
+        </a-row>
+        <a-row :gutter="16">
+          <a-col :span="24">
+              <a-upload
+    v-model:file-list="fileList"
+    name="avatar"
+    list-type="picture-card"
+    class="avatar-uploader"
+    :show-upload-list="false"
+    action="https://www.mocky.io/v2/5cc8019d300000980a055e76"
+    :before-upload="beforeUpload"
+    @change="handleChange"
+  />
+          </a-col>
+        </a-row>
+        <!-- 讲师名称、组织 -->
+        <a-row :gutter="16">
+          <a-col :span="12">
+            <a-form-item label="讲师名称" name="name">
+              <a-tree-select v-model:value="formParam.name" tree-data-simple-mode style=" width:276px ;"
+                :dropdown-style="{ maxHeight: '400px', overflow: 'auto' }" :tree-data="treeData" placeholder="请输入讲师名称" />
+            </a-form-item>
+          </a-col>
+          <a-col :span="12">
+            <a-form-item label="讲师组织" name="userNo">
+              <a-popover title="讲师组织">
+                <template #content>
+                  <p>自动带出讲师的组织,展示主要部分,鼠标浮上去展示所有</p>
+                  {{ formParam.userNo }}
+                </template>
+                <a-input disabled v-model:value="formParam.userNo" style="width:276px; 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:95px ;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:80px ;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">
-                <span style="display:inline-block ;width:100px ;text-align:center ">初始授课时长 :</span>
-                <a-input v-if="teacherdialog1 == 0" v-model:value="formParam.defaultTeachingTime"
-                  style="width:200px; height: 40px;" placeholder="0分钟" allowClear showSearch>
-                </a-input>
-                <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:80px ;text-align:center ">讲师等级 :</span>
-                <a-select style="width:200px" v-if="teacherdialog1 == 0" v-model:value="formParam.levelId " placeholder="级别"
-                  :options="getLevelList">
-                </a-select>
-                <span v-if="teacherdialog1 == 1" class=display1>{{ formParam.levelName }}</span>
-              </div>
-              <div class="select">
-                <span style="display:inline-block ;width:100px ;text-align:center ">认证状态</span>
-                <a-radio-group v-if="teacherdialog1 == 0" v-model:value="formParam.certStatus"
-                  style="width:200px">
+              </a-popover>
+            </a-form-item>
+          </a-col>
+        </a-row>
+        <!-- 讲师级别 体系-->
+        <a-row :gutter="16">
+          <a-col :span="12">
+            <a-form-item label="讲师级别" name="levelId">
+              <a-select style="width:276px" v-model:value="formParam.levelId" placeholder="请选择讲师级别"
+                :options="getLevelList">
+              </a-select>
+            </a-form-item>
+          </a-col>
+          <a-col :span="12">
+            <a-form-item label="讲师体系" name="systemId">
+              <a-select style="width: 276px" v-model:value="formParam.systemId" placeholder="请选择讲师体系"
+                :options="LecturerSystemList">
+              </a-select>
+            </a-form-item>
+          </a-col>
+        </a-row>
+        <!-- 初始时长 、认证 -->
+        <a-row :gutter="16">
+          <a-col :span="12">
+            <a-form-item label="初始授课时长" name="defaultTeachingTime">
+              <a-input v-model:value="formParam.defaultTeachingTime" style="width:226px; height: 40px; " placeholder="0"
+                allowClear showSearch suffix="分钟">
+              </a-input>
+              <span v-if="formParam.defaultTeachingTime" style="margin-left: 5px ;">{{ (formParam.defaultTeachingTime /60 ).toFixed(2)}}小时</span>
+            </a-form-item>
+          </a-col>
+          <a-col :span="12">
+            <a-form-item label="认证状态" name="certStatus">
+              <a-radio-group  v-model:value="formParam.certStatus"
+                  style="width:276px">
 
                   <a-radio :value="0">未认证</a-radio>
                   <a-radio :value="1">已认证</a-radio>
+                  <span> <a-button type="text" class="moreidbtn" v-if="formParam.certStatus==1">上传凭证</a-button></span>
                 </a-radio-group>
-                <span v-if="teacherdialog1 == 1" class=display1>{{ formParam.certStatus==0 ? '未认证':formParam.certStatus==1?'已认证' :'' }}</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:80px ;text-align:center ">讲师体系 :</span>
-                <a-select style="width: 230px" v-if="teacherdialog1 == 0" v-model:value="formParam.systemId"
-                  placeholder="请选择讲师体系" :options="LecturerSystemList">
-                </a-select>
-                <span v-if="teacherdialog1 == 1" class=display1>{{ formParam.tsystemName }}</span>
-              </div>
-              <div class="select" v-if="teacherdialog1 == 1">
-                <span style="display:inline-block ;width:80px ;text-align:center ">认证人 :</span>
-                <span v-if="teacherdialog1 == 1" class=display1>{{ formParam.certifyBy }}</span>
-              </div>
-              <div class="select" v-if="teacherdialog1 == 1">
-                <span style="display:inline-block ;width:80px ;text-align:center ">总授课时长 :</span>
-                <span class=display1>{{ formParam.teaching }}</span>
-              </div>
-              <div class="select" v-if="teacherdialog1 == 1">
-                <span style="display:inline-block ;width:80px ;text-align:center ">认证资料 :</span>
-                <span class=display1>{{ formParam.certification }}</span>
-              </div>
-              <div class="select">
-                <!-- <Editor/> -->
-                <div class="select">
-                  <span style="display:inline-block ;width:80px ; text-align:center ">讲师介绍 :</span>
-                </div>
-                <Editor v-if="teacherdialog1 == 0" v-model="formParam.description"
-                  style="width: 900px ;display:inline-block ; margin-top:-50px ;margin-left:80px " />
-                <span v-if="teacherdialog1 == 1" style="display: block; width: 500px;">{{ formParam.description }}</span>
-              </div>
-              <div class="select">
-                <!-- <Editor/> -->
-                <div class="select">
-                  <span style="display:inline-block ;width:80px ; text-align:center ">工作经历 :</span>
-                </div>
-                <Editor v-if="teacherdialog1 == 0" v-model="formParam.workExperience"
-                  style="width: 900px ;display:inline-block ; margin-top:-50px ;margin-left:80px " />
-                <span v-if="teacherdialog1 == 1" style="display: block; width: 500px;">{{ formParam.one }}</span>
-              </div>
-              <div class="select">
-                <!-- <Editor/> -->
-                <div class="select">
-                  <span style="display:inline-block ;width:80px ; text-align:center ">擅长课程 :</span>
-                </div>
-                <Editor v-if="teacherdialog1 == 0" v-model="formParam.courses"
-                  style="width: 900px ;display:inline-block ; margin-top:-50px ;margin-left:80px " />
-                <span v-if="teacherdialog1 == 1" style="display: block; width: 500px;">{{ formParam.one }}</span>
-              </div>
-              <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" defaultActiveFirstOption
-            :options="TeacherExpertiseList" @change=changeSelect >
-          </a-select>
-          <a-select  v-if="teacherdialog1 == 0" style="width: 230px" placeholder="" v-model:value="formParam.getTeacherExpertiseByPid"
-            :options="getTeacherExpertiseByPidList">
-          </a-select>
-          <span v-if="teacherdialog1 == 1" class=display1>{{ formParam.expertise }}</span>
-        </div>
-              <div class="del_btnbox"  v-if="teacherdialog1 == 0">
-                <a-button class="del_btn btn1" @click="cancelTeacherDialog" style="margin-right: 32px;">取消</a-button>
-                <a-button class="del_btn btn2" @click="createTeacherDialog" :loading="buttonLoading">保存
+              <!-- <FJUpload  v-if="formParam.certStatus==1" v-model:value="formParam.workEnclosureAddress"/> -->
+            </a-form-item>
+            </a-col>
+        </a-row>
+        <!-- 其他信息 -->
+        <a-row>
+          <a-col :span="24">
+          <span class="line"></span><span>其他信息</span>
+        </a-col>
+        </a-row>
+        <!-- 讲师介绍 -->
+        <a-row :gutter="16">
+          <a-col :span="24">
+            <a-form-item label="讲师介绍">
+              <Editor v-model="formParam.description "/>
+            </a-form-item>
+          </a-col>
+        </a-row>
+        <!-- 工作经历 -->
+        <a-row :gutter="16">
+          <a-col :span="24">
+            <a-form-item label="工作经历">
+              <Editor v-model="formParam.workExperience "/>
+            </a-form-item>
+          </a-col>
+        </a-row>
+        <!-- 擅长课程 -->
+        <a-row :gutter="16">
+          <a-col :span="24">
+            <a-form-item label="擅长课程">
+              <Editor v-model="formParam.courses "/>
+            </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 style="margin-right: 8px"  @click="cancelTeacherDialog" >取消</a-button>
+                <a-button type="primary" @click="createTeacherDialog" :loading="buttonLoading">保存
                 </a-button>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-       <!-- 授课记录 -->
-       <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"
-        
-          :data-source="teacherrecordstableData" :loading="teacherrecordsLoading" @expand="expandTable" :pagination="false">
-          <template #bodyCell="{  record,  column }" >
-          </template>
-        </a-table>
-      </div>
-      <div class="tableBox ">
-      <div style="float: right;">
-      <a-pagination
-            v-if="teacherrecordstableDataTotal > 10"
-            :showSizeChanger="true"
-            :hideOnSinglePage="true"
-            :pageSize="pageSize"
-            v-model:current="teacherrecords.pageNo"
-            :total="teacherrecordstableDataTotal"
-            class="pagination"
-            @change="teacherchangePagination"
-          />
-          </div>
-          </div>
-          </div>
-          <!-- 晋级记录 -->
-          <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"
-        
-          :data-source="promotionrecordstableData" :loading="promotionrecordsLoading" @expand="expandTable" :pagination="false">
-          <template #bodyCell="{ record, column }" >
-          </template>
-        </a-table>
-      </div>
-      <div class="tableBox ">
-      <div style="float: right;">
-      <a-pagination
-            v-if="teacherrepromotableDataTotal > 10"
-            :showSizeChanger="true"
-            :hideOnSinglePage="true"
-            :pageSize="pageSize"
-            v-model:current="teacherrepromo.pageNo"
-            :total="teacherrepromotableDataTotal"
-            class="pagination"
-            @change="teacherrepromoPagination"
-          />
-          </div>
-          </div>
-          </div>
-      </div>
     </div>
-    </a-modal>
+    </a-drawer>
+
     <!-- 删除功能弹窗 -->
     <div>
       <a-modal v-model:visible="deleteInTeacherdialog" :footer="null" :closable="close" wrapClassName="canclestu1"
-        centered="true">
+        style="width:1080px" centered="true">
         <div class="delete">
           <div class="del_header"></div>
           <div class="del_main">
@@ -346,8 +257,7 @@
               <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="del_btn btn2" @click="closeDeleteTeacher">
                 <div class="btnText">确定</div>
               </div>
             </div>
@@ -355,10 +265,9 @@
         </div>
       </a-modal>
     </div>
-     <!-- 修改状态功能弹窗 -->
-     <div>
-      <a-modal v-model:visible="editTeacher" :footer="null" :closable="close" wrapClassName="canclestu1"
-        centered="true">
+    <!-- 修改状态功能弹窗 -->
+    <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">
@@ -367,8 +276,8 @@
               <span>提示</span>
             </div>
             <div class="body">
-              <span v-if="handleOperate1== 2">您确定要启用此讲师状态吗</span>
-              <span v-if="handleOperate1== 1" >您确定要停用此讲师状态吗</span>
+              <span v-if="handleOperate1 == 2">您确定要启用此讲师状态吗</span>
+              <span v-if="handleOperate1 == 1">您确定要停用此讲师状态吗</span>
             </div>
             <div class="del_btnbox">
               <div class="del_btn btn2" @click="cancelTeacherDialog" style="margin-right: 32px">
@@ -386,120 +295,123 @@
   </div>
 </template>
 <script lang="jsx">
-import { reactive, toRefs, ref ,watch ,shallowRef ,onUnmounted} from "vue";
+import { reactive, toRefs, ref, watch, shallowRef, onUnmounted, defineComponent } from "vue";
+import {
+  RightOutlined,
+  UpOutlined,
+  UploadOutlined,
+  FolderAddOutlined
+} from '@ant-design/icons-vue';
 import Editor from "@/components/project/Editor";
-import Upload from "@/components/project/Upload";
-// import { Editor, Toolbar } from "@wangeditor/editor-for-vue";
-import { fileUp } from "../../api/indexEval";
+// import Upload from "@/components/common/BaseUpload";
+// import FJUpload from "@/components/common/FJUpload";
 import { message } from "ant-design-vue";
-import {getTeacherSystemList , getTeacherList,getTeacherPayRollPriceList, getLevel,insertTeacher,deleteInTeacher,updateInTeacher,getTeacherById, updateTeacherState,getTeacherCourseList , getTeacherExpertise,getTeacherExpertiseByPid ,infoteacher,getTeacherLogList } from "../../api/Lecturer";
+import { useRouter } from "vue-router";
+import { getTeacherSystemList, getTeacherList, getPayRollPlace, getLevel, insertTeacher, deleteInTeacher, updateInTeacher, getTeacherById, updateTeacherState, getTeacherCourseList, getTeacherExpertise, getTeacherExpertiseByPid, infoteacher, getTeacherLogList } from "../../api/Lecturer"; 
 // import {getProjSt} from "../../api/indexProjStu";
 // import AddTeacher from "../../components/drawers/project/AddTeacher"
-export default { 
+export default {
   name: "InsideLecturer",
   components: {
     // AddTeacher,
     Editor,
-    // Toolbar,
-    Upload
+    // FJUpload,
+    RightOutlined, //图标--展开
+    UpOutlined,//图标--收起
+    UploadOutlined,//图标--导出
+    FolderAddOutlined,//图标--新增
   },
   setup() {
+    const router = useRouter();
     const state = reactive({
-      byPid:null,
+      moreid: 1,
+      byPid: null,
       currentPage1: 1,
       pageSize1: 10,
-      promotionrecordsLoading:false ,  //晋级记录遮罩层
-      teacherrecordsLoading:false,// 授课记录遮罩层
-      tableLoading:false,
-      tagsshow:"1",
-      PlaceOfPayList:[],
-      LecturerSystemList:[],
-      delTeacherId:null, //删除id确认
-      editTeacherid:null,//修改状态id确认
-      newStatus:null , //修改状态码确认
-      userNoid:null,    //内部讲师详情工号确认 
-      lookTeacherId:null, //内部讲师详情id确认
+      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, //修改状态弹窗内容
+      editTeacher: false,   //修改状态弹窗
+      handleOperate1: null, //修改状态弹窗内容
       teacherdialog1: null,
       teacherdialog: false,  //控制讲师弹窗
       teacherdialogtitle: '',//讲师弹框title内容
       pageSizeOptions: ['10', '20', '30', '50'], //下拉选择每页显示多少条
       pageSize: 10,
       tableDataTotal: -1,//table列表总条数
-      teacherrecordstableDataTotal:-1,//授课记录列表总条数
-      teacherrepromotableDataTotal:-1,//晋级记录总条数
+    
       formParam: {
-        certStatus : 1 ,//认证状态
-        defaultTeachingTime:'0分钟'
+        certStatus: 0,//认证状态
+        defaultTeachingTime: '0'
       },
       searchParam: {
-        userNo:null,
-        tsystemName:null,
-        tlevelId:null,
-        waitStatus:null,
-        certStatus:null,
-        salaryName:null,
-        payrollPlaceId:null,
-        status:null,
+        userNo: null,
+        tsystemName: null,
+        tlevelId: null,
+        waitStatus: null,
+        certStatus: null,
+        salaryName: null,
+        payrollPlaceId: null,
+        status: null,
         pageNo: "1",
         pageSize: "10"
       },
-      teacherrecords:{
+      teacherrepromo: {
         pageNo: "1",
         pageSize: "10",
-        id:null
+        userNo: null
       },
-      teacherrepromo:{
-        pageNo: "1",
-        pageSize: "10",
-       userNo:null
-      },
-      activeName:'first'
+      activeName: 'first'
     })
     const LecturerSystemList = ref([
-    //   { value: 0, systemName: "讲师体系" },
+      //   { value: 0, systemName: "讲师体系" },
     ]);
     //获取讲师体系列表
-    const LecturerSystemLista =() => {
+    const LecturerSystemLista = () => {
       // console.log('点击了LecturerSystemLista')
-      getTeacherSystemList().then((res)=>{
+      getTeacherSystemList().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);
-            });
-            LecturerSystemList.value = array;
-          }
-        console.log("获取讲师",LecturerSystemList);
-      }) 
+          let arr = res.data.data;
+          let array = [];
+          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)=>{
+    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;
-          }
-      }) 
+          let arr = res.data.data;
+          let array = [];
+          arr.map((value) => {
+            let obj = {
+              value: value.id,
+              label: value.name,
+            };
+            array.push(obj);
+          });
+          getLevelList.value = array;
+        }
+      })
     }
     getLevelLista()
     const OnTheJobStatusList = ref([
@@ -513,22 +425,21 @@ export default {
     const PlaceOfPayList = ref([
       // { value: 0, label: "发薪地B1" },
     ])
-     //获取讲师发薪地列表
-     const PlaceOfPayLista =() => {
-      getTeacherPayRollPriceList().then((res)=>{
+    //获取讲师发薪地列表
+    const PlaceOfPayLista = () => {
+      getPayRollPlace().then((res) => {
         if (res.data.code === 200) {
-            let arr = res.data.data;
-            let array = [];
-            arr.map((value) => {
-              let obj = {
-                value: value.payrollPlaceId,
-                label: value.payrollPlaceName,
-              };
-              array.push(obj);
-            });
-            PlaceOfPayList.value = array;
-          }
-        console.log("获取发薪地", PlaceOfPayList);
+          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()
@@ -536,93 +447,105 @@ export default {
       { value: 1, label: "启用" },
       { value: 2, 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 teacheExpertiseList = ref([
     ])
 
     //获取讲师父 专长
     const TeacherExpertiseList = ref([
     ]);
-    const getTeacherExpertisea =() => {
+    const getTeacherExpertisea = () => {
       // console.log('点击了LecturerSystemLista')
-      getTeacherExpertise().then((res)=>{
+      getTeacherExpertise().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);
-            });
-            TeacherExpertiseList.value = array;
-          }
-      }) 
+          let arr = res.data.data;
+          let array = [];
+          arr.map((value) => {
+            let obj = {
+              value: value.id,
+              label: value.name,
+            };
+            array.push(obj);
+          });
+          TeacherExpertiseList.value = array;
+        }
+      })
     }
     getTeacherExpertisea()
-    const changeSelect=(val)=>{
-      state.byPid= val
+    const changeSelect = (val) => {
+      state.byPid = val
       getTeacherExpertiseByPida(val)
       state.formParam.expertise = getTeacherExpertiseByPidList[0]
     }
-     //获取讲师子 专长
+    //获取讲师子 专长
     const getTeacherExpertiseByPidList = ref([
     ]);
-    const getTeacherExpertiseByPida =() => {
-    // let pid = {id :val}
+    const getTeacherExpertiseByPida = () => {
+      // let pid = {id :val}
       // console.log('点击了LecturerSystemLista')
-      let id = val 
-      getTeacherExpertiseByPid (state.byPid).then((res)=>{
+      let id = val
+      getTeacherExpertiseByPid(state.byPid).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);
-            });
-            getTeacherExpertiseByPidList.value = array;
-          }
-      }) 
+          let arr = res.data.data;
+          let array = [];
+          arr.map((value) => {
+            let obj = {
+              value: value.id,
+              label: value.name,
+            };
+            array.push(obj);
+          });
+          getTeacherExpertiseByPidList.value = array;
+        }
+      })
     }
     watch(
     )
-       //新增页面内部姓名
-       const infoteacherList = ref([
-    //   { value: 0, systemName: "讲师体系" },
+    //新增页面内部姓名
+    const infoteacherList = ref([
+      //   { value: 0, systemName: "讲师体系" },
     ]);
-    const  getinfoteacher = () => {
+    const getinfoteacher = () => {
       // state.tableLoading=true 
       // ()
       //   .then((res) => {
       //     infoteacherList.value = res.data.data.records
       // }) 
     };
+    //展开切换
+    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.payrollPlaceId = null
+      }
+    }
     const columns = ref([
       {
         title: '姓名 ',
         dataIndex: 'name',
         key: 'name',
-        elipsis: true,
+        elipsis: true, align: "center",
+        align: "center",
         width: 120,
       },
       {
         title: '工号 ',
         dataIndex: 'userNo',
         key: 'userNo',
-        elipsis: true,
+        elipsis: true, align: "center",
+        align: "center",
         width: 120,
       },
       {
-        title: '所属组织 ', 
+        title: '所属组织 ',
         dataIndex: 'departId',
         key: 'departId',
-        elipsis: true,
+        elipsis: true, align: "center",
+        align: "center",
         width: 400,
         //  customRender: (value, record) => {
         //   return (
@@ -636,14 +559,16 @@ export default {
         title: '讲师体系 ',
         dataIndex: 'tsystemName',
         key: 'tsystemName',
-        elipsis: true,
+        elipsis: true, align: "center",
+        align: "center",
         width: 120,
       },
       {
         title: '级别 ',
         dataIndex: 'tlevelName',
         key: 'tlevelName',
-        elipsis: true,
+        elipsis: true, align: "center",
+        align: "center",
         width: 120,
         // customRender: (value, record) => {
         //   return (
@@ -664,21 +589,21 @@ export default {
         title: '发薪地 ',
         dataIndex: 'payrollPlaceName',
         key: 'payrollPlaceName',
-        elipsis: true,
+        elipsis: true, align: "center",
         width: 120,
       },
       {
         title: '授课时长 ',
         dataIndex: 'teaching',
         key: 'teaching',
-        elipsis: true,
+        elipsis: true, align: "center",
         width: 120,
       },
       {
         title: '在职状态 ',
         dataIndex: 'waitStatus',
         key: 'waitStatus',
-        elipsis: true,
+        elipsis: true, align: "center",
         width: 120,
         customRender: (value) => {
           return (
@@ -697,7 +622,7 @@ export default {
         title: '认证状态 ',
         dataIndex: 'certStatus',
         key: 'certStatus',
-        elipsis: true,
+        elipsis: true, align: "center",
         width: 120,
         customRender: (value) => {
           return (
@@ -716,27 +641,27 @@ export default {
         title: '账号状态 ',
         dataIndex: 'status',
         key: 'status',
-        elipsis: true,
+        elipsis: true, align: "center",
         width: 120,
         customRender: (value) => {
           return (
             <div>
-              {value.record.status == 0 || value.record.status == 1|| value.record.status == 2
+              {value.record.status == 0 || value.record.status == 1 || value.record.status == 2
                 ? {
                   '0': "临时",
                   '1': "启用",
                   '2': "停用"
-                }[value.record.status  + ""] || ""
+                }[value.record.status + ""] || ""
                 : "-"}
             </div>
-           )
+          )
         }
       },
       {
         title: '操作 ',
         dataIndex: 'operation',
         key: 'operation',
-        elipsis: true,
+        elipsis: true, align: "center",
         width: 300,
         scopedSlots: { customRender: "action" },
       },
@@ -763,31 +688,31 @@ export default {
     };
     //重置
     const searchReset = () => {
-      state.searchParam = { 
-        userNo:null,
-        tsystemName:null,
-        tlevelId:null,
-        waitStatus:null,
-        certStatus:null,
-        salaryName:null,
-        payrollPlaceId:null,
-        status:null,
-        pageNo: 1, 
-        pageSize: 10 ,
+      state.searchParam = {
+        userNo: null,
+        tsystemName: null,
+        tlevelId: null,
+        waitStatus: null,
+        certStatus: null,
+        salaryName: null,
+        payrollPlaceId: null,
+        status: null,
+        pageNo: 1,
+        pageSize: 10,
       };
       getTableDate();
     };
     //  List接口数据
-     const getTableDate = (obj) => {
-      state.tableLoading=true 
-      let objA = {...state.searchParam};
+    const getTableDate = (obj) => {
+      state.tableLoading = 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 
+          state.tableLoading = false
           console.log("获取讲师tableData", tableData);
-      }) 
+        })
     };
     getTableDate()
     // // List接口数据
@@ -812,47 +737,32 @@ export default {
     // 获取项目列表信息
     //let tableData = ref([]);
     //   // 翻页
-    const changePagination = (page,pageSize) => {
+    const changePagination = (page, pageSize) => {
       state.searchParam.pageNo = page;
       state.currentPage1 = page;
       state.pageSize1 = pageSize;
       getTableDate();
     };
-    const teacherchangePagination = (page) => {
-      state.teacherrecords.pageNo = page;
-      getteacherrecordstableData();
-    };
-    const teacherrepromoPagination=(page)=>{
-      state.teacherrecords.pageNo = page;
-      getpromotionrecordstableData();
-    }
     // 新增讲师
     const addTeacher = () => {
-      state.teacherdialog1 = 0
       state.teacherdialog = true;
       state.teacherdialogtitle = '新增讲师'
-      // LecturerSystemLista()
-      // getLevelLista()
-      // getTeacherExpertisea()
-      // getinfoteacher()
-      
+
     }
     //修改讲师信息弹窗
     const handleModify = (record) => {
-      state.teacherdialog1 = 0
-      state.teacherdialog = true;
       state.teacherdialogtitle = '修改信息'
-      state.userNoid= record.userNo
+      state.id = record.id
       TeacherSystem()
     }
     //保存
     const createTeacherDialog = () => {
       console.log(state.formParam);
       if (state.formParam.userNo != undefined) {
-                      updateInTeacher (state.formParam).then(response => {
-                            message.success("修改成功");
-                        });
-                    }
+        updateInTeacher(state.formParam).then(response => {
+          message.success("修改成功");
+        });
+      }
       // let objA = {...state.formParam};
       // state.formParam ={
       //   name:'新增测试',
@@ -867,378 +777,133 @@ export default {
       //   courses:'测试13.00',
       // }
       else {
-      insertTeacher(state.formParam)
-        .then((res) => {
-          message.success("保存成功");
-      }).catch((err) => {
-          console.log(err);
-        });
-       }
-       state.teacherdialog = false;
-       getTableDate();
+        insertTeacher(state.formParam)
+          .then((res) => {
+            message.success("保存成功");
+          }).catch((err) => {
+            console.log(err);
+          });
+      }
+      state.teacherdialog = false;
+      getTableDate();
     };
-    // const createTeacherDialog =()=>{
-    //   //调用新增修改接口
-    //   // this.$refs["formParam"].validate(valid => {
-    //   //           if (valid) {
-    //     let objform = {...state.formParam}
-    //     insertTeacher(objform).then((res) => {;
-    //       message.success("保存成功");
-    //       state.teacherdialog = false;
-    //       getTableDate()
-    //       console.log(res);
-    //     })
-    //   //               if (state.formParam.userNo != undefined) {
-    //   //                 updateInTeacher (objform).then(response => {
-    //   //                       state.$modal.msgSuccess("修改成功");
-    //   //                       state.teacherdialog = false;
-    //   //                       state.getlist()
-    //   //                   });
-    //   //               }
-    //   //             else {
-    //                   // insertTeacher(objform).then((res) => {
-    //                   //   console.log('1')
-    //                   //   message.success("保存成功");
-    //                   //       state.teacherdialog = false;
-    //                   //       getTableDate()
-    //                   //   })
-    //                 // }
-    //             // }
-    //   //       })
-    //   state.teacherdialog = false
-    // }
     //删除弹窗
     const deleteModal = (record) => {
       state.deleteInTeacherdialog = true
-      state.delTeacherId = record.id 
+      state.delTeacherId = record.id
     };
     //修改状态窗口
     const handleOperate = (record) => {
-      if( record.status == 1){
+      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.newStatus = 2
+      }
+      if (record.status == 2) {
+        state.handleOperate1 = record.status
+        state.newStatus = 1
+      }
+      state.editTeacherid = record.id
       state.editTeacher = true
     };
     //确认删除
-    const closeDeleteTeacher=()=>{
+    const closeDeleteTeacher = () => {
       //调用删除接口
-      deleteInTeacher(state.delTeacherId).then((res)=>{
-        if(res.data.code == 200 ){
+      deleteInTeacher(state.delTeacherId).then((res) => {
+        if (res.data.code == 200) {
           // message.success("删除成功");
           state.deleteInTeacherdialog = false
           getTableDate();
         }
       })
-    } 
+    }
     //确认启用停用
-    const closehandleOperate= ()=>{
-       //调用接口
-       let ids ={
-      id : state.editTeacherid,
-      newStatus: state.newStatus
+    const closehandleOperate = () => {
+      //调用接口
+      let ids = {
+        id: state.editTeacherid,
+        newStatus: state.newStatus
       }
       console.log(ids)
       updateTeacherState(ids).then((res) => {
-            message.success("操作成功");
-            state.editTeacher = false
-           getTableDate();
-        })
+        message.success("操作成功");
+        state.editTeacher = false
+        getTableDate();
+      })
     }
     //取消按钮 清空输入的数据
     const cancelTeacherDialog = () => {
-      if(state.teacherdialog = true )
-      {
-      state.teacherdialog = false
-      cancel()
-     }
-       state.deleteInTeacherdialog = false 
-       state.editTeacher = false 
-       state.tagsshow= 1
+      if (state.teacherdialog = true) {
+        state.teacherdialog = false
+        cancel()
+      }
+      state.deleteInTeacherdialog = false
+      state.editTeacher = false
+      state.tagsshow = 1
     };
 
     //清空数据
     const cancel = () => {
-      state.formParam ={
-        name:null,
-        userNo:null,
-        departId:null,
-        defaultTeachingTime:null,
-        levelName:null,
-        leveName:null,
-        systemId:null,
-        tsystemName:null,
-        certStatus:1,
+      state.formParam = {
+        name: null,
+        // userNo:null,
+        departId: null,
+        levelId: null,
+        defaultTeachingTime: null,
+        // levelName:null,
+        // leveName:null,
+        systemId: null,
+        // tsystemName:null,
+        certStatus:0,
         description:null,
         workExperience:null,
         courses:null,
       }
     }
+    const rules = {
+      name: [{ required: true, message: '讲师不能为空' }],
+      departId: [{ required: true, message: '组织不能为空' }],
+      levelId: [{ required: true, message: '讲师级别不能为空' }],
+      systemId: [{ required: true, message: '讲师体系不能为空' }],
+      defaultTeachingTime: [{ required: true, message: '授课时长不能为空' }],
+      certStatus: [{ required: true, message: '认证状态不能为空' }],
+
+    }
     //表格内查看数据操作
     const handleLook = (record) => {
-      state.teacherdialog1 = 1
-      state.teacherdialog = true;
-      state.teacherdialogtitle = '查看详情'
-      state.userNoid= record.userNo
-      state.lookTeacherId= record.id
-      // alert(record.grade)
-      TeacherSystem()
-      // getteacherrecordstableData ()
+      let id = record.id
+      router.push({ path: '/LookInsideLecturer', query: { id } })
     }
     //内部讲师详情
-    const TeacherSystem=()=>{
-      getTeacherById(state.userNoid).then((res) => {
-          console.log("内部讲师详情", res.data);
-          // state.formParam=Object.assign({} ,res.data.data)
-          state.formParam=res.data.data
-      }) 
-      .catch((err) => {
+    const TeacherSystem = () => {
+      getTeacherById(state.id).then((res) => {
+         if (res.data.code === 200) {
+          state.formParam = res.data.data
+         }
+        console.log("内部讲师详情", res.data.data);
+        // state.formParam=Object.assign({} ,res.data.data)
+      })
+        .catch((err) => {
           console.log("内部讲师详情", err);
         });
     }
-    // tab 标签切换
-    const particulars=()=>{
-      state.tagsshow= 1
-      console.log(state.tagsshow)
-    }
-    const teacherrecords=()=>{
-      state.tagsshow= 2
-     getteacherrecordstableData ()
-    }
-    const promotionrecords=()=>{
-      state.tagsshow= 3
-      console.log(state.tagsshow)
-      getpromotionrecordstableData()
-    }
-    //授课记录列表
-    const teacherrecordsColumns = ref ([
-      {
-        title: '课程编号',
-        dataIndex: 'offcourseId',
-        key: 'offcourseId',
-        elipsis: true,
-        width: 120,
-      },
-      {
-        title: '课程名称',
-        dataIndex: 'name',
-        key: 'name',
-        elipsis: true,
-        width: 120,
-      },
-      {
-        title: '课程日期',
-        dataIndex: 'beginTime',
-        key: 'beginTime',
-        elipsis: true,
-        width: 120,
-      },
-      {
-        title: '内容分类',
-        dataIndex: 'nrfl',
-        key: 'nrfl',
-        elipsis: true,
-        width: 120,
-      },
-      {
-        title: '课程类型',
-        dataIndex: 'type',
-        key: 'type',
-        elipsis: true,
-        width: 120,
-        customRender: (value) => {
-          return (
-            <div>
-              {value.record.type == 1 || value.record.type == 2||value.record.type == 3
-                ? {
-                  "1": "项目开课",
-                  "2": "路径开课",
-                  "3": "面授开课",
-                }[value.record.type + ""] || ""
-                : "-"}
-            </div>
-          )
-        }
-      },
-      {
-        title: '学习总人数',
-        dataIndex: 'projectMember',
-        key: 'projectMember',
-        elipsis: true,
-        width: 120,
-      },
-      {
-        title: '授课时长',
-        dataIndex: 'duration',
-        key: 'duration',
-        elipsis: true,
-        width: 120,
-      },
-      {
-        title: '评分',
-        dataIndex: 'score ',
-        key: 'score ',
-        elipsis: true,
-        width: 120,
-      },
-      {
-        title: '开课状态',
-        dataIndex: 'status ',
-        key: 'status ',
-        elipsis: true,
-        width: 120,
-        customRender: (value) => {
-          return (
-            <div>
-              {value.record.status == 0 || value.record.status == 1
-                ? {
-                  "0": "未开课",
-                  "1": "已开课",
-                }[value.record.status + ""] || ""
-                : "-"}
-            </div>
-          )
-        }
-      }
-    ])
-       //授课记录列表数据
-       const teacherrecordstableData = ref([
-    ])
-    const getteacherrecordstableData = () => {
-      state.teacherrecordsLoading=true
-      state.teacherrecords.id= state.lookTeacherId 
-    let objB={...state.teacherrecords}
-
-      // api接口
-       getTeacherCourseList(objB).then((res) => {
-        teacherrecordstableData.value = res.data.data.records
-        state.teacherrecordstableDataTotal = Number(res.data.data.total);
-        state.teacherrecordsLoading=false 
-      }) 
-    };
-       //晋级记录列表
-       const promotionrecordsColumns = ref ([
-      {
-        title: '变更时间',
-        dataIndex: 'operatorTime',
-        key: 'operatorTime',
-        elipsis: true,
-        width: 120,
-      },
-      {
-        title: '变更方式',
-        dataIndex: 'operatorType',
-        key: 'operatorType',
-        elipsis: true,
-        width: 120,
-      },
-      {
-        title: '变更结果',
-        dataIndex: 'afterInfo',
-        key: 'afterInfo',
-        elipsis: true,
-        width: 120,
-      },
-      {
-        title: '操作人',
-        dataIndex: 'operatorId',
-        key: 'operatorId',
-        elipsis: true,
-        width: 120,
-      },
-    ])
-        //晋级记录列表数据
-           const promotionrecordstableData = ref([
-    ])
-    const getpromotionrecordstableData = () => {
-      state.promotionrecordsLoading=true 
-      state. teacherrepromo.userNo= state.lookTeacherId
-      // api接口
-      let a = {
-        userNo :state.teacherrepromo,
-        pageNo: "1",
-        pageSize: "10",
-      }
-      getTeacherLogList( a).then((res) => {
-        promotionrecordstableData.value = res.data.data.records
-        state.teacherrepromotableDataTotal = Number(res.data.data.total);
-      }) 
-      state.promotionrecordsLoading=false 
-    };
-    // getpromotionrecordstableData()
+   
     //导出功能
-    const handleExport = ()=>{
+    const handleExport = () => {
       window.open(
-        `${process.env.VUE_APP_BASE_API}/teacher/export?pageNo=${
-          state.currentPage1
-        }&pageSize=${state.pageSize1}&userNo=${
-          state.searchParam.userNo ? state.searchParam.userNo : ""
-        }&tsystemName=${ state.searchParam.tsystemName ?  state.searchParam.tsystemName : ""}&tlevelId=${
-          state.searchParam.tlevelId ? state.searchParam.tlevelId : ""
-        }&waitStatus=${ state.searchParam.waitStatus ?  state.searchParam.waitStatus : ""}&certStatus=${
-          state.searchParam.certStatus ? state.searchParam.certStatus : ""
-        }&salaryName=${state.searchParam.salaryName ?  state.searchParam.salaryName : ""}&payrollPlaceId=${state.searchParam.payrollPlaceId ?  state.searchParam.payrollPlaceId : ""}&status=${state.searchParam.status ?  state.searchParam.status : ""}`
+        `${process.env.VUE_APP_BASE_API}/teacher/export?pageNo=${state.currentPage1
+        }&pageSize=${state.pageSize1}&userNo=${state.searchParam.userNo ? state.searchParam.userNo : ""
+        }&tsystemName=${state.searchParam.tsystemName ? state.searchParam.tsystemName : ""}&tlevelId=${state.searchParam.tlevelId ? state.searchParam.tlevelId : ""
+        }&waitStatus=${state.searchParam.waitStatus ? state.searchParam.waitStatus : ""}&certStatus=${state.searchParam.certStatus ? state.searchParam.certStatus : ""
+        }&salaryName=${state.searchParam.salaryName ? state.searchParam.salaryName : ""}&payrollPlaceId=${state.searchParam.payrollPlaceId ? state.searchParam.payrollPlaceId : ""}&status=${state.searchParam.status ? state.searchParam.status : ""}`
       );
       // this.download('lesson_records/export', {
       //           ...state.searchParam
       //       }, `project_${new Date().getTime()}.xlsx` )
-        }
-        //富文本编辑器
-           // 编辑器实例，必须用 shallowRef
-    const editorRef = shallowRef();
-    // 内容 HTML
-    const valueHtml = ref("");
-    const toolbarConfig = {
-      excludeKeys: ["insertVideo", "insertImage"],
-    };
-    const editorConfig = { placeholder: "请输入内容...", MENU_CONF: {} };
-    // editorConfig.MENU_CONF["uploadImage"] = {
-    //   // 自定义上传
-    //   async customUpload(file, insertFn) {
-    //     const formData = new FormData();
-    //     formData.append("file", file);
-    //     fileUp(formData).then((res) => {
-    //       if (res.data.code === 200) {
-    //         // 最后插入图片  url alt href
-    //         console.log(
-    //           "上传图片结果",
-    //           process.env.VUE_APP_FILE_PATH + res.data.data
-    //         );
-    //         insertFn(
-    //           process.env.VUE_APP_FILE_PATH + res.data.data,
-    //           file.name,
-    //           res.data.data
-    //         );
-    //       }
-    //     });
-    //   },
-    // };
-    const handleCreated = (editor) => {
-      editorRef.value = editor; // 记录 editor 实例，重要！
-    };
-    // const handleDestory = () => {
-    //   const editor = editorRef.value;
-    //   if (editor == null) return;
-    //   editor.destroy();
-    // };
-    // 组件销毁时，也及时销毁编辑器
-    onUnmounted(() => {
-      console.log("组件销毁时，也及时销毁编辑器");
-      // handleDestory();
-    });
+    }
     return {
       ...toRefs(state),
-      // editorRef,
-      // valueHtml,
-      // toolbarConfig,
-      // handleCreated,
-      // editorConfig,
-      // mode: "simple", // 或 'simple'
+      rules,
+      handlemoreid,
       changeSelect,
       handleExport,
       LecturerSystemList,
@@ -1265,21 +930,10 @@ export default {
       handleOperate,
       closehandleOperate,
       teacheExpertiseList,
-       getTableDate, //list接口数据调用
+      getTableDate, //list接口数据调用
       // getStu
       LecturerSystemLista,
       TeacherSystem,
-      particulars,
-      teacherrecords,
-      promotionrecords,
-      teacherrecordstableData,
-      teacherrecordsColumns,
-      getteacherrecordstableData ,
-      teacherchangePagination,
-      promotionrecordsColumns,
-      promotionrecordstableData,
-      teacherrepromoPagination,
-      // getpromotionrecordstableData
       TeacherExpertiseList,
       getTeacherExpertisea,
       getTeacherExpertiseByPidList,
@@ -1293,11 +947,11 @@ export default {
 <style lang="scss" scoped>
 //导出按钮icon
 .daochu {
-          width: 16px;
-          height: 18px;
-          background-image: url("../../assets/images/coursewareManage/export1.png");
-        }
-      
+  width: 16px;
+  height: 18px;
+  background-image: url("../../assets/images/coursewareManage/export1.png");
+}
+
 //弹窗内详情样式
 .display1 {
   display: inline-block;
@@ -1352,8 +1006,7 @@ export default {
   text-align: center;
 }
 
-.InsideLecturer {
-  width: 100%;
+.InsideLecturer {  width: 100%;
   height: 100%;
   display: flex;
   flex-direction: column;
@@ -1365,281 +1018,15 @@ export default {
     display: flex;
     justify-content: space-between;
     flex-wrap: wrap;
-
-    .filterItems {
-      display: flex;
-      flex-wrap: wrap;
-
       .select {
         margin-right: 20px;
         margin-bottom: 20px;
       }
-
-      .addTimeBox {
-        position: relative;
-        display: flex;
-        align-items: center;
-
-        .addTime {
-          position: absolute;
-          z-index: 10;
-          margin-left: 10px;
-          color: rgba(0, 0, 0, 0.4);
-        }
-
-        .ant-picker {
-          padding-left: 85px;
-        }
-
-        .ant-picker-range .ant-picker-active-bar {
-          margin-left: 85px;
-        }
-      }
-
-      .btn {
-        padding: 0px 26px 0px 26px;
-        height: 38px;
-        background: #4ea6ff;
-        border-radius: 8px;
-        border: 1px solid rgba(64, 158, 255, 1);
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        margin-right: 14px;
-        flex-shrink: 0;
-        cursor: pointer;
-
-        .search {
-          background-size: 100%;
-        }
-
-        .btnText {
-          font-size: 14px;
-          font-weight: 400;
-          color: #fff;
-          line-height: 36px;
-          margin-left: 5px;
-        }
-      }
-
-      .btnn {
-        padding: 0px 26px 0px 26px;
-        height: 38px;
-        background: #4ea6ff;
-        border-radius: 8px;
-        border: 1px solid rgba(64, 158, 255, 1);
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        margin-right: 14px;
-        flex-shrink: 0;
-        cursor: pointer;
-
-        .search {
-          background-size: 100%;
-        }
-
-        .btnText {
-          font-size: 14px;
-          font-weight: 400;
-          color: #ffffff;
-          line-height: 36px;
-          margin-left: 5px;
-        }
-      }
-
-      .btn1 {
-        .search {
-          width: 15px;
-          height: 17px;
-          background-image: url("../../assets/images/courseManage/search0.png");
-        }
-      }
-
-      .btn2 {
-        .search {
-          width: 16px;
-          height: 18px;
-          background-image: url("../../assets/images/courseManage/reset0.png");
-        }
-      }
-
-      // .btn1:hover {
-      //   background: rgba(64, 158, 255, 0.76);
-
-      //   .search {
-      //     background-image: url("../../assets/images/courseManage/search0.png");
-      //   }
-
-      //   .btnText {
-      //     color: #ffffff;
-      //   }
-      // }
-
-      .btn1:active {
-        background: #0982ff;
-      }
-
-      // .btn2:hover {
-      //   background: rgba(64, 158, 255, 0.1);
-      // }
-
-      .btn2:active {
-        background: #0982ff;
-      }
-    }
-
-    .btns {
-      display: flex;
-
-      // flex-wrap: wrap;
-      .btn {
-        padding: 0px 26px 0px 26px;
-        height: 38px;
-        background: #4ea6ff;
-        border-radius: 8px;
-        border: 1px solid rgba(64, 158, 255, 1);
-        display: flex;
-        align-items: center;
-        cursor: pointer;
-        justify-content: center;
-        margin-right: 14px;
-        flex-shrink: 0;
-
-        .search {
-          background-size: 100%;
-        }
-
-        .btnText {
-          font-size: 14px;
-          font-weight: 400;
-          color: #ffffff;
-          line-height: 36px;
-          margin-left: 5px;
-        }
-      }
-
-      .btn3 {
-        margin-right: 0px;
-
-        .search {
-          width: 17px;
-          height: 18px;
-          background-image: url("../../assets/images/courseManage/add0.png");
-        }
-      }
-
-      // .btn3:hover {
-      //   background: rgba(64, 158, 255, 0.76);
-      // }
-
-      .btn3:active {
-        background: #0982ff;
-      }
-    }
-  }
-
-  .tableBox {
-    margin: 20px 38px 30px;
-
-    .ant-table-thead>tr>th {
-      background-color: #eff4fc;
-    }
-
-    th {
-      background-color: #eff4fc !important;
-      text-align: center !important;
-    }
-  }
-
-  .tableBox {
-    padding-bottom: 20px;
-
-    .pa {
-      // position: absolute;
-      // bottom: 20px;
-      // left: 0;
-      width: 100%;
-      // height: 20px;
-      // background-color: red;
-      display: flex;
-      justify-content: center;
-      // margin-bottom: 10px;
-      // position: absolute;
-      // bottom: -40px;
-    }
-  }
-
-  .operation {
-    font-size: 14px;
-    font-weight: 400;
-    color: #4ea6ff;
-    margin-right: -45px;
-    display: flex;
-    justify-content: right;
-    margin-right: 18px;
-
-    // line-height: 36px;
-    .operation1 {
-      margin-left: 21px;
-      width: 28px;
-      display: inline-block;
-    }
-
-    .operation3 {
-      margin-left: 21px;
-      width: 70px;
-      display: inline-block;
-      text-align: center;
-    }
-
-    .more {
-      width: 50px;
-      display: inline-block;
-      margin-left: 21px;
-      position: relative;
-      text-align: left;
-
-      // z-index: 99999;
-      .moreArrow {
-        width: 13px;
-        height: 7px;
-        display: inline-block;
-        background-image: url("../../assets/images/navtop/down.png");
-        background-size: 100%;
-        margin: 2px;
-        margin-left: 7px;
-      }
-
-      .moreItems {
-        width: 80px;
-        padding: 5px;
-        display: none;
-        background: #ffffff;
-        box-shadow: 2px 3px 9px 3px rgba(0, 0, 0, 0.05);
-        border-radius: 3px;
-        border: 0px solid #dcdcdc;
-        position: absolute;
-        left: 0px;
-        top: 28px;
-        z-index: 100;
-        text-align: center;
-      }
-    }
-
-    .more:hover .moreArrow {
-      background-image: url("../../assets/images/navtop/up.png");
-    }
-
-    .more:hover .moreItems {
-      display: block;
-    }
-  }
-}
+    }}
 
 .delete {
   z-index: 9999;
-  width: 424px ;
+  width: 424px;
   background: #ffffff;
   box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21);
   border-radius: 4px;
@@ -1738,61 +1125,94 @@ export default {
     }
   }
 }
+
 .CreatePath {
-        .out {
-          z-index: 9999;
-          display: block;
-          position: absolute;
-          top: 90px;
-          width:1080px !important;
-          height: 650px;
-          overflow: auto;
-          background-color: #fff;
+  .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%);
+    box-shadow: 0 0 10px rgba(118, 136, 166, 0.21);
+    left: 50%;
+    top: 300px;
+    transform: translate(-50%, -50%);
 
-          .top {
-            width: 100%;
-            height: 68px;
+    .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;
+      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;
-            }
+      .topimg {
+        width: 18px;
+        height: 18px;
+        margin-left: 27px;
+        margin-top: -2px;
+      }
 
-            .topc {
-              color: #000000;
-              font-size: 16px;
-              margin-left: 8px;
-            }
-          }
+      .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;
+    .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;
-            }
-          }
-        }
+      .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;
+  /* 确保文字垂直居中 */
+}
+
 </style>
\ No newline at end of file
diff --git a/src/views/lecturer/InsideTeaching.vue b/src/views/lecturer/InsideTeaching.vue
index 6a8fc1eb..7d35c925 100644
--- a/src/views/lecturer/InsideTeaching.vue
+++ b/src/views/lecturer/InsideTeaching.vue
@@ -376,15 +376,15 @@
         </div>
       </a-modal>
     </div>
-    <!-- <div> <Upload/> </div>         -->
+    <!-- <div> <ImageUpload/> </div>         -->
   </div>
 </template>
 <script lang="jsx">
 import { reactive, toRefs, ref } from "vue";
 import moment, { Moment } from 'moment';
 import { useRouter } from "vue-router";
-import Editor from "@/components/project/Editor";
-import Upload from "@/components/project/Upload";
+// import Editor from "@/components/project/Editor";
+import ImageUpload from "@/components/project/ImageUpload";
 import { message } from "ant-design-vue";
 import {getTeacherSystemList ,infoteacher, getTeacherExpertise,deleteInTeacherCourse} from "../../api/Lecturer";
 import {getNewInTeacherCourseList,getOrganization,getTeacherCourseList,insertInTeacherCourse,updateInTeacherCourse} from "../../api/Teaching";
@@ -393,8 +393,8 @@ export default {
   name: "InsideTeaching",
   components: {
     // AddTeacher,
-    Editor,
-    Upload
+    // Editor,
+    ImageUpload
   },
   setup() {
     const router = useRouter();
diff --git a/src/views/lecturer/LecturerFeeManagement.vue b/src/views/lecturer/LecturerFeeManagement.vue
index 8f02a220..e55ffd65 100644
--- a/src/views/lecturer/LecturerFeeManagement.vue
+++ b/src/views/lecturer/LecturerFeeManagement.vue
@@ -40,7 +40,7 @@
         </div>
         <!-- 更多筛选-->
         <div v-if="moreid== 1 " style="width: 150px ;"> 
-          <div  @click="handlemoreid()"> 更多筛选 </div>
+          <div  @click="handlemoreid()">展开</div>
         </div>
         <div v-if="moreid== 2 "   style="width: 150px ;"> 
           <div  @click="handlemoreid() "> 返回 </div>
@@ -77,7 +77,7 @@
               v-for="item in PlaceOfPayList"
               :key="item.value "
               :value="item.value "
-            >{{ item.label}}</a-select-option>
+            >{{  item.label}}</a-select-option>
           </a-select>
         </div>
       </div>
@@ -466,7 +466,7 @@
 import { reactive, toRefs, ref ,watch} from "vue";
 import { message } from "ant-design-vue";
 import dayjs from "dayjs";
-import {getTeacherPayRollPriceList} from "../../api/Lecturer";
+import {getPayRollPlace} from "../../api/Lecturer";
 import {getTeacherFeeList,getTeacherFeeDetail,addTeacherFee ,updateTeacherFee,updateStatusSubmit,updateStatusWithDraw,getTrainOrg,getTeacherLevel} from "../../api/lecturerFeeManagement";
 // lecturerFeeManagement
 // import {getProjSt} from "../../api/indexProjStu";
@@ -577,7 +577,7 @@ export default {
       // { value: 0, label: "发薪地B1" },
     ])
      const PlaceOfPayLista =() => {
-      getTeacherPayRollPriceList().then((res)=>{
+      getPayRollPlace().then((res)=>{
         if (res.data.code === 200) {
             let arr = res.data.data;
             let array = [];
diff --git a/src/views/lecturer/LecturerFeeStatistics.vue b/src/views/lecturer/LecturerFeeStatistics.vue
index a1098f0c..23be120d 100644
--- a/src/views/lecturer/LecturerFeeStatistics.vue
+++ b/src/views/lecturer/LecturerFeeStatistics.vue
@@ -178,7 +178,7 @@
 import { reactive, toRefs, ref, watch } from "vue";
 import { message } from "ant-design-vue";
 import dayjs from "dayjs";
-import { getTeacherPayRollPriceList } from "../../api/Lecturer";
+import { getPayRollPlace } from "../../api/Lecturer";
 import { getOrganization } from "../../api/Teaching";
 import { queryTeacherFeeTotalList, queryTeacherFeeMonthly, getTeacherFeeDetailListByTeacherNo, getTeacherFeeListByTeacherNo ,getPreviousTeacherfee} from "../../api/lecturerFeeStatistics";
 export default {
@@ -342,7 +342,7 @@ export default {
     ])
     //获取讲师发薪地列表
     const PlaceOfPayLista = () => {
-      getTeacherPayRollPriceList().then((res) => {
+      getPayRollPlace().then((res) => {
         if (res.data.code === 200) {
           let arr = res.data.data;
           let array = [];
diff --git a/src/views/lecturer/LookExternalLecturer.vue b/src/views/lecturer/LookExternalLecturer.vue
new file mode 100644
index 00000000..35132dc9
--- /dev/null
+++ b/src/views/lecturer/LookExternalLecturer.vue
@@ -0,0 +1,371 @@
+
+ExternalLecturer
+<template>
+    <!-- 外部讲师查看详情 -->
+    <div class="LookExternalLecturer">
+    <a-layout-header style="background: white;color: black; font-size: 20px ;">
+     <span>查看讲师</span>
+     <a-button  @click="handleBack" class="backbtn" type="text">返回</a-button>
+     </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>
+        <a-descriptions title="讲师信息" bordered :column="4" :contentStyle="rowCenter" :labelStyle="rowCenter">
+            <!-- 一层 -->
+    <a-descriptions-item label="讲师头像">{{formParam.url }}</a-descriptions-item>
+    <a-descriptions-item label="讲师工号">{{formParam.userNo}}</a-descriptions-item>
+    <a-descriptions-item label="讲师姓名">{{formParam.name}}</a-descriptions-item>
+    <a-descriptions-item label="讲师体系">{{formParam.systemId}}</a-descriptions-item>
+    <!-- 二层 -->
+    <a-descriptions-item label="讲师级别">{{formParam.levelId }}</a-descriptions-item>
+    <a-descriptions-item label="认证状态">{{ formParam.certStatus==0?'未认证' :formParam.certStatus==1 ?'已认证':''}}</a-descriptions-item>
+    <a-descriptions-item label="授课时长">{{formParam.teaching}}</a-descriptions-item>
+    <a-descriptions-item label="发薪地  ">{{formParam.payrollPlaceId}}</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==1 ?'停用':''}}</a-descriptions-item>
+    <a-descriptions-item label="所属组织" :span="2">{{formParam.departId}}</a-descriptions-item>
+  </a-descriptions>
+  <div style="margin-top: 10px;"></div>
+  <span class="line" ></span>
+  <a-descriptions title="其他信息" bordered :column="4" :contentStyle="rowCenter" :labelStyle="rowCenter"  >
+            <!-- 一层 -->
+    <a-descriptions-item label="讲师介绍" :span="4"><div style="min-width: 500px;">{{formParam.description}}</div> </a-descriptions-item>
+    <a-descriptions-item label="工作职责" :span="4">{{formParam.workExperience}}</a-descriptions-item>
+    <a-descriptions-item label="擅长课程" :span="4">{{formParam.courses}}</a-descriptions-item>
+    <a-descriptions-item label="教师专长" :span="4">{{formParam.TeacherExpertise}}</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' }" 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 === 'score'">
+              <a-space style="display:flex ;justify-content: space-around;  ">
+                <a-popover>
+    <template #content>
+      <p>{{ record.score }}</p>
+    </template>
+    <span>{{ record.score }}</span>
+  </a-popover>
+              </a-space>
+            </template>
+        </template>
+      </a-table>
+      <div style="float: right;">
+      <a-pagination
+            v-if="teacherrecordstableDataTotal > 10"
+            :showSizeChanger="true"
+            :hideOnSinglePage="true"
+            :pageSize="pageSize"
+            v-model:current="teacherrecords.pageNo"
+            :total="teacherrecordstableDataTotal"
+            class="pagination"
+            @change="teacherchangePagination"
+          />
+          </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 }" >
+          </template>
+        </a-table>
+        <div style="float: right;">
+      <a-pagination
+            v-if="teacherrepromotableDataTotal > 10"
+            :showSizeChanger="true"
+            :hideOnSinglePage="true"
+            :pageSize="pageSize"
+            v-model: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 } from "vue"
+import {getTeacherById,getTeacherCourseList ,getTeacherLogList} from "../../api/Lecturer"; 
+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: -1,//授课记录列表总条数
+      teacherrepromotableDataTotal: -1,//晋级记录总条数
+      teacherrecords: {
+        pageNo: "1",
+        pageSize: "10",
+        id: null
+      },
+      teacherrepromo:{
+        id:null,
+        pageNo: "1",
+        pageSize: "10",
+      }
+        });
+        
+          //内部讲师详情
+    const TeacherSystem = () => {
+      getTeacherById(state.id).then((res) => {
+        console.log("内部讲师详情", res.data);
+        state.formParam = res.data.data
+      })
+        .catch((err) => {
+          console.log("内部讲师详情", err);
+        });
+    }
+    TeacherSystem()
+           //返回上一层
+    const handleBack=()=>{
+      router.back()
+    };
+        //授课记录列表
+        const teacherrecordsColumns = ref([
+      {
+        title: '课程编号',
+        dataIndex: 'offcourseId',
+        key: 'offcourseId',
+        elipsis: true, align: "center",
+        width: 120,
+      },
+      {
+        title: '课程名称',
+        dataIndex: 'name',
+        key: 'name',
+        elipsis: true, align: "center",
+        width: 120,
+      },
+      {
+        title: '课程日期',
+        dataIndex: 'beginTime',
+        key: 'beginTime',
+        elipsis: true, align: "center",
+        width: 120,
+      },
+      {
+        title: '内容分类',
+        dataIndex: 'nrfl',
+        key: 'nrfl',
+        elipsis: true, align: "center",
+        width: 120,
+      },
+      {
+        title: '课程类型',
+        dataIndex: 'type',
+        key: 'type',
+        elipsis: true, align: "center",
+        width: 120,
+        customRender: (value) => {
+          return (
+            <div>
+              {value.record.type == 1 || value.record.type == 2 || value.record.type == 3
+                ? {
+                  "1": "项目开课",
+                  "2": "路径开课",
+                  "3": "面授开课",
+                }[value.record.type + ""] || ""
+                : "-"}
+            </div>
+          )
+        }
+      },
+      {
+        title: '学习总人数',
+        dataIndex: 'projectMember',
+        key: 'projectMember',
+        elipsis: true, align: "center",
+        width: 120,
+      },
+      {
+        title: '授课时长',
+        dataIndex: 'duration',
+        key: 'duration',
+        elipsis: true, align: "center",
+        width: 120,
+      },
+      {
+        title: '评分',
+        dataIndex: 'score ',
+        key: 'score ',
+        elipsis: true, align: "center",
+        width: 120,
+      },
+      {
+        title: '开课状态',
+        dataIndex: 'status ',
+        key: 'status ',
+        elipsis: true, align: "center",
+        width: 120,
+        customRender: (value) => {
+          return (
+            <div>
+              {value.record.status == 0 || value.record.status == 1
+                ? {
+                  "0": "未开课",
+                  "1": "已开课",
+                }[value.record.status + ""] || ""
+                : "-"}
+            </div>
+          )
+        }
+      },
+      {
+        title: '备注',
+        dataIndex: 'score ',
+        key: 'score ',
+        elipsis: true, align: "center",
+        width: 120,
+        scopedSlots: { customRender: "score" },
+      },
+    ])
+    //授课记录列表数据
+    const teacherrecordstableData = ref([
+    ])
+    const getteacherrecordstableData = () => {
+      state.teacherrecordsLoading = true
+      state.teacherrecords.id = state.id
+      let obj = { ...state.teacherrecords }
+
+      // api接口
+      getTeacherCourseList(obj).then((res) => {
+        teacherrecordstableData.value = res.data.data.records
+        state.teacherrecordstableDataTotal = Number(res.data.data.total);
+        state.teacherrecordsLoading = false
+      })
+    };
+    getteacherrecordstableData()
+    //授课翻页
+    const teacherchangePagination = (page) => {
+      state.teacherrecords.pageNo = page;
+      getteacherrecordstableData();
+    };
+    //晋级记录翻页
+    const teacherrepromoPagination = (page) => {
+      state.teacherrecords.pageNo = page;
+      getpromotionrecordstableData();
+    };
+        //晋级记录列表
+        const promotionrecordsColumns = ref([
+      {
+        title: '变更时间',
+        dataIndex: 'operatorTime',
+        key: 'operatorTime',
+        elipsis: true, align: "center",
+        width: 120,
+      },
+      {
+        title: '变更方式',
+        dataIndex: 'operatorType',
+        key: 'operatorType',
+        elipsis: true, align: "center",
+        width: 120,
+      },
+      {
+        title: '变更结果',
+        dataIndex: 'afterInfo',
+        key: 'afterInfo',
+        elipsis: true, align: "center",
+        width: 120,
+      },
+      {
+        title: '操作人',
+        dataIndex: 'operatorId',
+        key: 'operatorId',
+        elipsis: true, align: "center",
+        width: 120,
+      },
+    ])
+    //晋级记录列表数据
+    const promotionrecordstableData = ref([
+    ])
+    const getpromotionrecordstableData = () => {
+      state.promotionrecordsLoading = true
+      state.teacherrepromo.id = state.id
+      getTeacherLogList(state.teacherrepromo).then((res) => {
+        promotionrecordstableData.value = res.data.data.records
+        state.teacherrepromotableDataTotal = Number(res.data.data.total);
+      })
+      state.promotionrecordsLoading = false
+    };
+    getpromotionrecordstableData()
+        return{
+            ...toRefs(state),
+            router,
+            TeacherSystem,
+            handleBack,
+            rowCenter:{"text-align":"center"},
+            teacherrecordstableData,
+      teacherrecordsColumns,
+      getteacherrecordstableData,
+      teacherchangePagination,
+      teacherrepromoPagination,
+      promotionrecordsColumns,
+      promotionrecordstableData,
+      getpromotionrecordstableData
+        }
+    }
+}
+</script>
+<style lang="scss" scoped>
+
+.LookExternalLecturer {
+  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 ;
+}
+
+</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..c126aa99
--- /dev/null
+++ b/src/views/lecturer/LookInsideLecturer.vue
@@ -0,0 +1,369 @@
+<template>
+    <!-- 内部讲师查看详情 -->
+    <div class="LookInsideLecturer">
+    <a-layout-header style="background: white;color: black; font-size: 20px ;">
+     <span>查看讲师</span>
+     <a-button  @click="handleBack" class="backbtn" type="text">返回</a-button>
+     </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>
+        <a-descriptions title="讲师信息" bordered :column="4" :contentStyle="rowCenter" :labelStyle="rowCenter">
+            <!-- 一层 -->
+    <a-descriptions-item label="讲师头像">{{formParam.url}}</a-descriptions-item>
+    <a-descriptions-item label="讲师工号">{{formParam.userNo}}</a-descriptions-item>
+    <a-descriptions-item label="讲师姓名">{{formParam.name}}</a-descriptions-item>
+    <a-descriptions-item label="讲师体系">{{formParam.systemId}}</a-descriptions-item>
+    <!-- 二层 -->
+    <a-descriptions-item label="讲师级别">{{formParam.levelId }}</a-descriptions-item>
+    <a-descriptions-item label="认证状态">{{ formParam.certStatus==0?'未认证' :formParam.certStatus==1 ?'已认证':''}}</a-descriptions-item>
+    <a-descriptions-item label="授课时长">{{formParam.teaching}}</a-descriptions-item>
+    <a-descriptions-item label="发薪地  ">{{formParam.payrollPlaceId}}</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==1 ?'停用':''}}</a-descriptions-item>
+    <a-descriptions-item label="所属组织" :span="2">{{formParam.departId}}</a-descriptions-item>
+  </a-descriptions>
+  <div style="margin-top: 10px;"></div>
+  <span class="line" ></span>
+  <a-descriptions title="其他信息" bordered :column="4" :contentStyle="rowCenter" :labelStyle="rowCenter"  >
+            <!-- 一层 -->
+    <a-descriptions-item label="讲师介绍" :span="4"><div style="min-width: 500px;">{{formParam.description}}</div> </a-descriptions-item>
+    <a-descriptions-item label="工作职责" :span="4">{{formParam.workExperience}}</a-descriptions-item>
+    <a-descriptions-item label="擅长课程" :span="4">{{formParam.courses}}</a-descriptions-item>
+    <a-descriptions-item label="教师专长" :span="4">{{formParam.TeacherExpertise}}</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' }" 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 === 'score'">
+              <a-space style="display:flex ;justify-content: space-around;  ">
+                <a-popover>
+    <template #content>
+      <p>{{ record.score }}</p>
+    </template>
+    <span>{{ record.score }}</span>
+  </a-popover>
+              </a-space>
+            </template>
+        </template>
+      </a-table>
+      <div style="float: right;">
+      <a-pagination
+            v-if="teacherrecordstableDataTotal > 10"
+            :showSizeChanger="true"
+            :hideOnSinglePage="true"
+            :pageSize="pageSize"
+            v-model:current="teacherrecords.pageNo"
+            :total="teacherrecordstableDataTotal"
+            class="pagination"
+            @change="teacherchangePagination"
+          />
+          </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 }" >
+          </template>
+        </a-table>
+        <div style="float: right;">
+      <a-pagination
+            v-if="teacherrepromotableDataTotal > 10"
+            :showSizeChanger="true"
+            :hideOnSinglePage="true"
+            :pageSize="pageSize"
+            v-model: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 } from "vue"
+import {getTeacherById,getTeacherCourseList ,getTeacherLogList} from "../../api/Lecturer"; 
+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: -1,//授课记录列表总条数
+      teacherrepromotableDataTotal: -1,//晋级记录总条数
+      teacherrecords: {
+        pageNo: "1",
+        pageSize: "10",
+        id: null
+      },
+      teacherrepromo:{
+        id:null,
+        pageNo: "1",
+        pageSize: "10",
+      }
+        });
+        
+          //内部讲师详情
+    const TeacherSystem = () => {
+      getTeacherById(state.id).then((res) => {
+        console.log("内部讲师详情", res.data);
+        state.formParam = res.data.data
+      })
+        .catch((err) => {
+          console.log("内部讲师详情", err);
+        });
+    }
+    TeacherSystem()
+           //返回上一层
+    const handleBack=()=>{
+      router.back()
+    };
+        //授课记录列表
+        const teacherrecordsColumns = ref([
+      {
+        title: '课程编号',
+        dataIndex: 'offcourseId',
+        key: 'offcourseId',
+        elipsis: true, align: "center",
+        width: 120,
+      },
+      {
+        title: '课程名称',
+        dataIndex: 'name',
+        key: 'name',
+        elipsis: true, align: "center",
+        width: 120,
+      },
+      {
+        title: '课程日期',
+        dataIndex: 'beginTime',
+        key: 'beginTime',
+        elipsis: true, align: "center",
+        width: 120,
+      },
+      {
+        title: '内容分类',
+        dataIndex: 'nrfl',
+        key: 'nrfl',
+        elipsis: true, align: "center",
+        width: 120,
+      },
+      {
+        title: '课程类型',
+        dataIndex: 'type',
+        key: 'type',
+        elipsis: true, align: "center",
+        width: 120,
+        customRender: (value) => {
+          return (
+            <div>
+              {value.record.type == 1 || value.record.type == 2 || value.record.type == 3
+                ? {
+                  "1": "项目开课",
+                  "2": "路径开课",
+                  "3": "面授开课",
+                }[value.record.type + ""] || ""
+                : "-"}
+            </div>
+          )
+        }
+      },
+      {
+        title: '学习总人数',
+        dataIndex: 'projectMember',
+        key: 'projectMember',
+        elipsis: true, align: "center",
+        width: 120,
+      },
+      {
+        title: '授课时长',
+        dataIndex: 'duration',
+        key: 'duration',
+        elipsis: true, align: "center",
+        width: 120,
+      },
+      {
+        title: '评分',
+        dataIndex: 'score ',
+        key: 'score ',
+        elipsis: true, align: "center",
+        width: 120,
+      },
+      {
+        title: '开课状态',
+        dataIndex: 'status ',
+        key: 'status ',
+        elipsis: true, align: "center",
+        width: 120,
+        customRender: (value) => {
+          return (
+            <div>
+              {value.record.status == 0 || value.record.status == 1
+                ? {
+                  "0": "未开课",
+                  "1": "已开课",
+                }[value.record.status + ""] || ""
+                : "-"}
+            </div>
+          )
+        }
+      },
+      {
+        title: '备注',
+        dataIndex: 'score ',
+        key: 'score ',
+        elipsis: true, align: "center",
+        width: 120,
+        scopedSlots: { customRender: "score" },
+      },
+    ])
+    //授课记录列表数据
+    const teacherrecordstableData = ref([
+    ])
+    const getteacherrecordstableData = () => {
+      state.teacherrecordsLoading = true
+      state.teacherrecords.id = state.id
+      let obj = { ...state.teacherrecords }
+
+      // api接口
+      getTeacherCourseList(obj).then((res) => {
+        teacherrecordstableData.value = res.data.data.records
+        state.teacherrecordstableDataTotal = Number(res.data.data.total);
+        state.teacherrecordsLoading = false
+      })
+    };
+    getteacherrecordstableData()
+    //授课翻页
+    const teacherchangePagination = (page) => {
+      state.teacherrecords.pageNo = page;
+      getteacherrecordstableData();
+    };
+    //晋级记录翻页
+    const teacherrepromoPagination = (page) => {
+      state.teacherrecords.pageNo = page;
+      getpromotionrecordstableData();
+    };
+        //晋级记录列表
+        const promotionrecordsColumns = ref([
+      {
+        title: '变更时间',
+        dataIndex: 'operatorTime',
+        key: 'operatorTime',
+        elipsis: true, align: "center",
+        width: 120,
+      },
+      {
+        title: '变更方式',
+        dataIndex: 'operatorType',
+        key: 'operatorType',
+        elipsis: true, align: "center",
+        width: 120,
+      },
+      {
+        title: '变更结果',
+        dataIndex: 'afterInfo',
+        key: 'afterInfo',
+        elipsis: true, align: "center",
+        width: 120,
+      },
+      {
+        title: '操作人',
+        dataIndex: 'operatorId',
+        key: 'operatorId',
+        elipsis: true, align: "center",
+        width: 120,
+      },
+    ])
+    //晋级记录列表数据
+    const promotionrecordstableData = ref([
+    ])
+    const getpromotionrecordstableData = () => {
+      state.promotionrecordsLoading = true
+      state.teacherrepromo.id = state.id
+      getTeacherLogList(state.teacherrepromo).then((res) => {
+        promotionrecordstableData.value = res.data.data.records
+        state.teacherrepromotableDataTotal = Number(res.data.data.total);
+      })
+      state.promotionrecordsLoading = false
+    };
+    getpromotionrecordstableData()
+        return{
+            ...toRefs(state),
+            router,
+            TeacherSystem,
+            handleBack,
+            rowCenter:{"text-align":"center"},
+            teacherrecordstableData,
+      teacherrecordsColumns,
+      getteacherrecordstableData,
+      teacherchangePagination,
+      teacherrepromoPagination,
+      promotionrecordsColumns,
+      promotionrecordstableData,
+      getpromotionrecordstableData
+        }
+    }
+}
+</script>
+<style lang="scss" scoped>
+
+.LookInsideLecturer {
+  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 ;
+}
+
+</style>
\ No newline at end of file