外部讲师静态页调整

src/views/lecturer/InsideLecturer.vue

@@ -1,41 +1,43 @@
-<!-- 内部讲师页面 -->
+<!-- 项目页面 -->
 <template>
   <div class="projectManage">
+    <div>
+  </div>
     <!-- 搜索框及按钮 -->
     <div class="filter">
       <div class="filterItems">
         <div class="select">
           <!--  v-model:value="searchParam.name" -->
-          <a-input v-model:value="searchParam.teacherName " style="width: 230px; height: 40px; border-radius: 8px"
+          <a-input v-model:value="searchParam.name " style="width: 230px; height: 40px; border-radius: 8px"
             placeholder="请输入工号/姓名检索" allowClear showSearch>
           </a-input>
         </div>
         <div class="select">
-          <a-select style="width: 230px" placeholder="讲师体系" v-model:value="searchParam.systemName"
+          <a-select style="width: 230px" placeholder="讲师体系" v-model:value="searchParam.tsystemName"
             :options="LecturerSystemList">
           </a-select>
         </div>
         <div class="select">
-          <a-select style="width: 230px" v-model:value="searchParam.searchGrade" placeholder="级别" :options="GradeList">
+          <a-select style="width: 230px" v-model:value="searchParam.tlevelName" placeholder="级别" :options="getLevelList">
           </a-select>
         </div>
         <div class="select">
-          <a-select style="width: 230px" v-model:value="searchParam.searOnTheJobStatus" placeholder="在职状态"
+          <a-select style="width: 230px" v-model:value="searchParam.waitStatus" placeholder="在职状态"
             :options="OnTheJobStatusList">
           </a-select>
         </div>
         <div class="select">
-          <a-select style="width: 230px" v-model:value="searchParam.searchAuthenticationStatus" placeholder="认证状态"
+          <a-select style="width: 230px" v-model:value="searchParam.certStatus" placeholder="认证状态"
             :options="AuthenticationStatusList">
           </a-select>
         </div>
         <div class="select">
-          <a-select style="width: 230px" v-model:value="searchParam.payrollPlaceName" placeholder="发薪地">
+          <a-select style="width: 230px" v-model:value="searchParam.salaryName" placeholder="发薪地">
             <el-option v-for="item in PlaceOfPayList" :key="item.value" :label="item.value" :value="item.label" />
           </a-select>
         </div>
         <div class="select">
-          <a-select style="width: 230px" v-model:value="searchParam.searchAccountStatus" placeholder="账号状态"
+          <a-select style="width: 230px" v-model:value="searchParam.status" placeholder="账号状态"
             :options="AccountStatusList">
           </a-select>
         </div>
@@ -58,8 +60,8 @@
       </div>
       <div class="btns">
         <div class="btn btn3" @click="showEHWorkModal" style="margin-right:20px">
-          <div class="search"></div>
-          <div class="btnText">导出</div>
+          <div class="daochu"></div>
+          <div class="btnText" @click="handleExport">导出</div>
         </div>
       </div>
       <!-- 表格 -->
@@ -71,8 +73,8 @@
               <a-space style="display:flex ;justify-content: space-around;  ">
                 <a-button type="link" @click="() => handleLook(record, String(record.courseform))">查看</a-button>
                 <a-button type="link" @click="() => handleModify(record, String(record.courseform))">编辑</a-button>
-                <a-button v-if="record.accountStatus== '0'" type="link" @click="() => handleOperate(record, String(record.courseform))">停用</a-button>
-                <a-button v-if="record.accountStatus== '1'" type="link" @click="() => handleOperate(record, String(record.courseform))">启用</a-button>
+                <a-button 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>
@@ -83,18 +85,16 @@
     </div>
     <div class="tableBox ">
       <div style="float: right;">
-        <!-- <a-pagination
-          v-if="tableDataTotal > 10"
-            :page.sync="searchParam.pageSize"
-            :limit.synct="searchParam.pageNo"
+        <a-pagination
+            v-if="tableDataTotal > 10"
+            :showSizeChanger="true"
+            :hideOnSinglePage="true"
+            :pageSize="pageSize"
+            v-model:current="searchParam.pageNo"
             :total="tableDataTotal"
-            @pagination="tableData"
             class="pagination"
-            layout="total, sizes, prev, pager, next"
-          /> -->
-        <a-pagination v-if="tableDataTotal > 10" :page-size-options="pageSizeOptions" :showSizeChanger="true"
-          hideOnSinglePage="true" :pageSize="pageSize" v-model:current="pageNo" :total="tableDataTotal"
-          class="pagination" />
+            @change="changePagination"
+          />
       </div>
     </div>
     <!-- 弹窗组件 -->
@@ -106,9 +106,15 @@
               src="../../assets/images/basicinfo/close22.png"
             />
           </div>
-      <div>
-        <div class="headerLeft" style="margin-left: 32px">个人详情</div>
-        <div class="projectManage">
+      <div style="padding-bottom: 15px;" >
+        <div class="headerLeft" style="margin-left: 33px" >
+          <a-button  @click ="particulars">个人详情</a-button>
+          <a-button  @click ="teacherrecords" v-if="teacherdialog1 == 1"  >授课记录</a-button>
+          <a-button  @click ="promotionrecords" v-if="teacherdialog1 == 1"  >晋级记录</a-button>
+        </div>
+          <!-- 个人详情 -->
+        <div style="border: 1px rgb(177, 177, 177) solid; margin-left: 33px; margin-right: 33px; margin-bottom: 33px;" v-if="tagsshow==='1'">
+        <div class="projectManage" >
           <div class="filter">
             <div class="filterItems">
               <!-- <div class="select">
@@ -123,11 +129,11 @@
               />
             </div>
                 <!--  v-model:value="searchParam.name" -->
-                <span style="display:inline-block ;width:100px ;text-align:center ">讲师姓名 :</span>
-                <a-input v-if="teacherdialog1 == 0" v-model:value="formParam.teacherName" style="width:200px; height: 40px; "
+                <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.teacherName }}</span>
+                <span v-if="teacherdialog1 == 1" class=display1>{{ formParam.name }}</span>
               </div>
               <div class="select">
                 <div  style="display:inline-block ;width:5px ;text-align:center ">
@@ -136,7 +142,7 @@
                 src="../../assets/images/basicinfo/asterisk.png"
               />
             </div>
-                <span style="display:inline-block ;width:100px ;text-align:center ">讲师工号 :</span>
+                <span style="display:inline-block ;width:80px ;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>
@@ -149,18 +155,18 @@
                 src="../../assets/images/basicinfo/asterisk.png"
               />
             </div>
-                <span style="display:inline-block ;width:100px ;text-align:center ">讲师组织 :</span>
-                <a-input disabled v-if="teacherdialog1 == 0" v-model:value="formParam.organizationDTO"
+                <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.organizationDTO }}</span>
+                <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.teachingDuration"
+                <span style="display:inline-block ;width:80px ;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.teachingDuration }}</span>
+                <span v-if="teacherdialog1 == 1" class=display1>{{ formParam.defaultTeachingTime }}</span>
               </div>
               <div class="select">
                 <div  style="display:inline-block ;width:5px ;text-align:center ">
@@ -169,21 +175,21 @@
                 src="../../assets/images/basicinfo/asterisk.png"
               />
             </div>
-                <span style="display:inline-block ;width:100px ;text-align:center ">讲师等级 :</span>
-                <a-select style="width:200px" v-if="teacherdialog1 == 0" v-model:value="formParam.levelName" placeholder="级别"
-                  :options="GradeList">
+                <span style="display:inline-block ;width:80px ;text-align:center ">讲师等级 :</span>
+                <a-select style="width:200px" v-if="teacherdialog1 == 0" v-model:value="formParam.tlevelName" placeholder="级别"
+                  :options="getLevelList">
                 </a-select>
-                <span v-if="teacherdialog1 == 1" class=display1>{{ formParam.grade }}</span>
+                <span v-if="teacherdialog1 == 1" class=display1>{{ formParam.tlevelName }}</span>
               </div>
               <div class="select">
-                <span style="display:inline-block ;width:100px ;text-align:center ">认证状态</span>
-                <a-radio-group v-if="teacherdialog1 == 0" v-model:value="formParam.authenticationStatus"
+                <span style="display:inline-block ;width:80px ;text-align:center ">认证状态</span>
+                <a-radio-group v-if="teacherdialog1 == 0" v-model:value="formParam.certStatus"
                   style="width:200px">
 
                   <a-radio :value="0">未认证</a-radio>
                   <a-radio :value="1">已认证</a-radio>
                 </a-radio-group>
-                <span v-if="teacherdialog1 == 1" class=display1>{{ formParam.authenticationStatus }}</span>
+                <span v-if="teacherdialog1 == 1" class=display1>{{ formParam.certStatus }}</span>
               </div>
               <div class="select">
                 <div  style="display:inline-block ;width:5px ;text-align:center ">
@@ -192,59 +198,60 @@
                 src="../../assets/images/basicinfo/asterisk.png"
               />
             </div>
-                <span style="display:inline-block ;width:100px ;text-align:center ">讲师体系 :</span>
-                <a-select style="width: 230px" v-if="teacherdialog1 == 0" v-model:value="formParam.lecturerSystem"
+                <span style="display:inline-block ;width:80px ;text-align:center ">讲师体系 :</span>
+                <a-select style="width: 230px" v-if="teacherdialog1 == 0" v-model:value="formParam.tsystemName"
                   placeholder="请选择讲师体系" :options="LecturerSystemList">
                 </a-select>
-                <span v-if="teacherdialog1 == 1" class=display1>{{ formParam.lecturerSystem }}</span>
+                <span v-if="teacherdialog1 == 1" class=display1>{{ formParam.tsystemName }}</span>
               </div>
               <div class="select" v-if="teacherdialog1 == 1">
-                <span style="display:inline-block ;width:100px ;text-align:center ">认证人 :</span>
-                <span v-if="teacherdialog1 == 1" class=display1>{{ formParam.lecturerSystem }}</span>
+                <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:100px ;text-align:center ">总授课时长 :</span>
-                <span class=display1>{{ formParam.teachingDuration }}</span>
+                <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:100px ;text-align:center ">认证资料 :</span>
-                <span class=display1>{{ formParam.placeOfPay }}</span>
+                <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:100px ; text-align:center ">讲师介绍 :</span>
+                  <span style="display:inline-block ;width:80px ; text-align:center ">讲师介绍 :</span>
                 </div>
                 <Editor v-if="teacherdialog1 == 0" v-model="formParam.teacherIntrofuce"
-                  style="width: 500px ;display:inline-block ; margin-top:-50px ;margin-left:100px " />
-                <span v-if="teacherdialog1 == 1" style="display: block; width: 500px;">{{ formParam.one }}</span>
+                  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 class="select">
                 <!-- <Editor/> -->
                 <div class="select">
-                  <span style="display:inline-block ;width:100px ; text-align:center ">工作经历 :</span>
+                  <span style="display:inline-block ;width:80px ; text-align:center ">工作经历 :</span>
                 </div>
                 <Editor v-if="teacherdialog1 == 0" v-model="formParam.workHistory"
-                  style="width: 500px ;display:inline-block ; margin-top:-50px ;margin-left:100px " />
+                  style="width: 500px ;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:100px ; text-align:center ">擅长课程 :</span>
+                  <span style="display:inline-block ;width:80px ; text-align:center ">擅长课程 :</span>
                 </div>
                 <Editor v-if="teacherdialog1 == 0" v-model="formParam.proficientInCourse"
-                  style="width: 500px ;display:inline-block ; margin-top:-50px ;margin-left:100px " />
+                  style="width: 500px ;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:100px ;text-align:center ">教师专长 :</span>
-          <a-select style="width: 230px" placeholder="讲师体系" v-model:value="searchParam.searOnTheJobStatus"
+                <span style="display:inline-block ;width:80px ;text-align:center ">教师专长 :</span>
+          <a-select  v-if="teacherdialog1 == 0"  style="width: 230px" placeholder="讲师体系" v-model:value="searchParam.searOnTheJobStatus"
             :options="LecturerSystemList">
           </a-select>
-          <a-select style="width: 230px" placeholder="讲师体系" v-model:value="searchParam.searOnTheJobStatus"
+          <a-select  v-if="teacherdialog1 == 0" style="width: 230px" placeholder="讲师体系" v-model:value="searchParam.searOnTheJobStatus"
             :options="LecturerSystemList">
           </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>
@@ -255,10 +262,44 @@
           </div>
         </div>
       </div>
+       <!-- 授课记录 -->
+       <div class="projectManage" v-if="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 class="projectManage" v-if="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>
+      </div>
     </a-modal>
     <!-- 删除功能弹窗 -->
     <div>
-      <a-modal v-model:visible="deleteTeacher" :footer="null" :closable="close" wrapClassName="canclestu1"
+      <a-modal v-model:visible="deleteTeacherdialog" :footer="null" :closable="close" wrapClassName="canclestu1"
         centered="true">
         <div class="delete">
           <div class="del_header"></div>
@@ -268,30 +309,24 @@
               <span>提示</span>
             </div>
             <div class="body">
-              <span v-if="handleOperate1==1">您确定要删除此讲师吗</span>
-              <span v-if="handleOperate1== 2">您确定要启用此讲师状态吗</span>
-              <span v-if="handleOperate1== 3" >您确定要停用此讲师状态吗</span>
+              <span>您确定要删除此讲师吗</span>
             </div>
             <div class="del_btnbox">
               <div class="del_btn btn2" @click="cancelTeacherDialog" style="margin-right: 32px">
                 <div class="btnText">取消</div>
               </div>
               <div class="del_btn btn2" 
-              v-if="handleOperate1 ==1" 
               @click="closeDeleteTeacher">
                 <div class="btnText">确定</div>
               </div>
-              <div class="del_btn btn2" v-if="handleOperate1 !==1" @click="closehandleOperate">
-                <div class="btnText">确定</div>
-              </div>
             </div>
           </div>
         </div>
       </a-modal>
     </div>
      <!-- 修改状态功能弹窗 -->
-     <!-- <div>
-      <a-modal v-model:visible="deleteTeacher" :footer="null" :closable="close" wrapClassName="canclestu1"
+     <div>
+      <a-modal v-model:visible="editTeacher" :footer="null" :closable="close" wrapClassName="canclestu1"
         centered="true">
         <div class="delete">
           <div class="del_header"></div>
@@ -302,32 +337,27 @@
             </div>
             <div class="body">
               <span v-if="handleOperate1== 2">您确定要启用此讲师状态吗</span>
-              <span v-if="handleOperate1== 3" >您确定要停用此讲师状态吗</span>
+              <span v-if="handleOperate1== 1" >您确定要停用此讲师状态吗</span>
             </div>
             <div class="del_btnbox">
               <div class="del_btn btn2" @click="cancelTeacherDialog" style="margin-right: 32px">
                 <div class="btnText">取消</div>
               </div>
-              <div class="del_btn btn2" 
-              v-if="handleOperate1 ==1" 
-              @click="closeDeleteTeacher">
-                <div class="btnText">确定</div>
-              </div>
-              <div class="del_btn btn2" v-if="handleOperate1 !==1" @click="closehandleOperate">
+              <div class="del_btn btn2" @click="closehandleOperate">
                 <div class="btnText">确定</div>
               </div>
             </div>
           </div>
         </div>
       </a-modal>
-    </div> -->
+    </div>
 
   </div>
 </template>
 <script lang="jsx">
 import { reactive, toRefs, ref } from "vue";
 import Editor from "@/components/project/Editor";
-import {getTeacherSystemList , getTeacherList,getTeacherPayRollPriceList,insertTeacher,updateInTeacher,getLookTeacherSystem, updateTeacherState} from "../../api/indexPeojiectManage";
+import {getTeacherSystemList , getTeacherList,getTeacherPayRollPriceList, getLevel,insertTeacher,deleteTeacher,updateInTeacher,getTeacherById, updateTeacherState,getTeacherCourseList} from "../../api/indexPeojiectManage";
 // import {getProjSt} from "../../api/indexProjStu";
 // import AddTeacher from "../../components/drawers/project/AddTeacher"
 export default { 
@@ -338,16 +368,25 @@ export default {
   },
   setup() {
     const state = reactive({
+      promotionrecordsLoading:false ,  //晋级记录遮罩层
+      tableLoading:false,
+      tagsshow:"1",
       PlaceOfPayList:[],
       LecturerSystemList:[],
-      delTeacherId:null,
-      deleteTeacher: false,
+      delTeacherId:null, //删除id确认
+      editTeacherid:null,//修改状态id确认
+      userNoid:null,    //内部讲师详情工号确认 
+      lookTeacherId:null, //内部讲师详情id确认
+      deleteTeacherdialog: false, //删除弹窗
+      editTeacher:false ,   //修改状态弹窗
+      handleOperate1:null, //修改状态弹窗内容
       teacherdialog1: null,
       teacherdialog: false,  //控制讲师弹窗
       teacherdialogtitle: '',//讲师弹框title内容
       pageSizeOptions: ['10', '20', '30', '50'], //下拉选择每页显示多少条
       pageSize: 10,
-      tableDataTotal: 50,
+      tableDataTotal: -1,//table列表总条数
+      teacherrecordstableDataTotal:-1,//授课记录列表总条数
       formParam: {
         authenticationStatus: 1 //认证状态
       },
@@ -359,6 +398,7 @@ export default {
         pageNo: "1",
         pageSize: "10"
       },
+      activeName:'first'
     })
     const LecturerSystemList = ref([
     //   { value: 0, systemName: "讲师体系" },
@@ -366,15 +406,14 @@ export default {
     //获取讲师体系列表
     const LecturerSystemLista =() => {
       // console.log('点击了LecturerSystemLista')
-      let obja = {'teacherType' :"0"}
-      getTeacherSystemList(obja).then((res)=>{
+      getTeacherSystemList().then((res)=>{
         if (res.data.code === 200) {
             let arr = res.data.data;
             let array = LecturerSystemList.value;
             arr.map((value) => {
               let obj = {
-                value: value.kid,
-                label: value.systemName,
+                value: value.id,
+                label: value.name,
               };
               array.push(obj);
             });
@@ -383,13 +422,28 @@ export default {
         console.log("获取讲师",LecturerSystemList);
       }) 
     }
+    //获取内部讲师级别
     LecturerSystemLista()
-    const GradeList = ref([
-      { value: 0, label: "未定级" },
-      { value: 1, label: "1级" },
-      { value: 2, label: "2级" },
-      { value: 5, label: "3级" },
+    const getLevelList = ref([
+      // { value: 0, label: "未定级" },
     ])
+    const getLevelLista =() => {
+      getLevel().then((res)=>{
+        if (res.data.code === 200) {
+            let arr = res.data.data;
+            let array = getLevelList.value;
+            arr.map((value) => {
+              let obj = {
+                value: value.id,
+                label: value.name,
+              };
+              array.push(obj);
+            });
+            getLevelList.value = array;
+          }
+      }) 
+    }
+    getLevelLista()
     const OnTheJobStatusList = ref([
       { value: 0, label: "在职" },
       { value: 1, label: "离职" },
@@ -402,16 +456,15 @@ export default {
       // { value: 0, label: "发薪地B1" },
     ])
      //获取讲师发薪地列表
-     const PlaceOfPayLista =(obj) => {
-      console.log('点击了getTeacherPayRollPriceList')
+     const PlaceOfPayLista =() => {
       getTeacherPayRollPriceList().then((res)=>{
         if (res.data.code === 200) {
             let arr = res.data.data;
             let array = PlaceOfPayList.value;
             arr.map((value) => {
               let obj = {
-                value: value.boeUserDTO.payrollPlaceId,
-                label: value.boeUserDTO.payrollPlaceName,
+                value: value.payrollPlaceId,
+                label: value.payrollPlaceName,
               };
               array.push(obj);
             });
@@ -440,8 +493,8 @@ export default {
       },
       {
         title: '工号 ',
-        dataIndex: 'workNum',
-        key: 'workNum',
+        dataIndex: 'userNo',
+        key: 'userNo',
         elipsis: true,
         width: 120,
       },
@@ -489,8 +542,8 @@ export default {
       },
       {
         title: '发薪地 ',
-        dataIndex: 'salaryName',
-        key: 'salaryName',
+        dataIndex: 'payrollPlaceName',
+        key: 'payrollPlaceName',
         elipsis: true,
         width: 120,
       },
@@ -541,19 +594,19 @@ export default {
       },
       {
         title: '账号状态 ',
-        dataIndex: 'certStatus',
-        key: 'certStatus',
+        dataIndex: 'status',
+        key: 'status',
         elipsis: true,
         width: 120,
         customRender: (value) => {
           return (
             <div>
-              {value.record.certStatus == 0 || value.record.certStatus == 1|| value.record.certStatus == 2
+              {value.record.status == 0 || value.record.status == 1|| value.record.status == 2
                 ? {
                   '0': "临时",
                   '1': "启用",
                   '2': "停用"
-                }[value.record.certStatus  + ""] || ""
+                }[value.record.status  + ""] || ""
                 : "-"}
             </div>
            )
@@ -586,6 +639,9 @@ export default {
     ])
     // 搜索
     const searchSubmit = () => {
+      // getLevelLista()
+      // LecturerSystemLista()
+      // PlaceOfPayLista()
       getTableDate();
     };
     //重置
@@ -595,11 +651,14 @@ export default {
     };
     //  List接口数据
      const getTableDate = (obj) => {
+      state.tableLoading=true 
       state.loading = true;
       let objA = {...state.searchParam};
       getTeacherList(objA)
         .then((res) => {
-          tableData.value = res.data.data
+          tableData.value = res.data.data.records
+          state.tableDataTotal = Number(res.data.data.total);
+          state.tableLoading=false 
           // console.log("获取讲师tableDatateacherName", tableData);
       }) 
     };
@@ -628,7 +687,11 @@ export default {
     //   // 翻页
     const changePagination = (page) => {
       state.searchParam.pageNo = page;
-      // getTableDate();
+      getTableDate();
+    };
+    const teacherchangePagination = (page) => {
+      state.searchParam.pageNo = page;
+      getteacherrecordstableData();
     };
     // 新增讲师
     const addTeacher = () => {
@@ -677,45 +740,47 @@ export default {
     }
     //删除弹窗
     const deleteModal = (record) => {
-      state.handleOperate1 = 1
-      // state.handleOperate1= null
-      state.deleteTeacher = true
+      state.deleteTeacherdialog = true
       state.delTeacherId = record.id 
     };
-    //启用停用窗口
+    //修改状态窗口
     const handleOperate = (record) => {
-      if( record.accountStatus == '1'){
-         state.handleOperate1= 2
+      if( record.status == 1){
+        state.handleOperate1 = record.status
        }
-       if( record.accountStatus == '0'){
-         state.handleOperate1= 3
+       if( record.status == 2){
+        state.handleOperate1 =record.status
        }
-      state.deleteTeacher = true
+       state.editTeacherid =record.id
+      state.editTeacher = true
     };
     //确认删除
     const closeDeleteTeacher=()=>{
-      state.deleteTeacher = false
-      let id ={
-      departId: state.delTeacherId
+      let ids ={
+      id : state.delTeacherId
       }
-      console.log(id)
+      console.log(ids)
       //调用删除接口
-      deleteTeacher(id).then((res)=>{
+      deleteTeacher(ids).then((res)=>{
         if(res.data.code == 200 ){
-          message.success("删除成功");
+          // message.success("删除成功");
+          state.deleteTeacherdialog = false
           getTableDate();
         }
       })
     } 
     //确认启用停用
     const closehandleOperate= ()=>{
-      state.deleteTeacher = false
        //调用接口
-      //updateTeacherState({"userId":"000001","status":"1"})
-      //   .then((res) => {
-      //       essage.success("操作成功");
-      //     getTableDate();
-      //   })
+       let ids ={
+      id : state.editTeacherid
+      }
+      console.log(ids)
+      updateTeacherState(ids).then((res) => {
+            // message.success("操作成功");
+            state.editTeacher = false
+           getTableDate();
+        })
     }
     //取消按钮 清空输入的数据
     const cancelTeacherDialog = () => {
@@ -724,7 +789,9 @@ export default {
       state.teacherdialog = false
       cancel()
      }
-       state.deleteTeacher = false 
+       state.deleteTeacherdialog = false 
+       state.editTeacher = false 
+       state.tagsshow= 1
     };
 
     //清空数据
@@ -757,32 +824,209 @@ export default {
       state.teacherdialog1 = 1
       state.teacherdialog = true;
       state.teacherdialogtitle = '查看详情'
-      state.formParam.name = record.name;
-      state.formParam.userNo = record.userNo;
-      state.formParam.organizationDTO = record.organizationDTO;
-      state.formParam.teachingDuration = record.teachingDuration;
-      state.formParam.grade = record.grade;
-      state.formParam.lecturerSystem = record.lecturerSystem;
-      state.formParam.authenticationStatus = record.authenticationStatus;
+      state.userNoid= record.userNo
+      state.lookTeacherId= record.id
       // alert(record.grade)
-      // TeacherSystem()
+      TeacherSystem()
     }
     //内部讲师详情
-    const TeacherSystem=(record)=>{
-      let ida={Id : record.id }
-      getLookTeacherSystem(ida).then((res) => {
+    const TeacherSystem=()=>{
+      let ids={userNo :  state.userNoid }
+      getTeacherById(ids).then((res) => {
           console.log("内部讲师详情", res.data);
-          state.formParam= res.data
+          state.formParam= res.data.data
       }) 
       .catch((err) => {
           console.log("内部讲师详情", err);
         });
     }
+    // tab 标签切换
+    const particulars=()=>{
+      state.tagsshow= '1'
+      console.log(state.tagsshow)
+    }
+    const teacherrecords=()=>{
+      state.tagsshow= '2'
+      getteacherrecordstableData ()
+       console.log(state.tagsshow)
+    }
+    const promotionrecords=()=>{
+     console.log(state.tagsshow)
+      state.tagsshow= '3'
+    }
+    //授课记录列表
+    const teacherrecordsColumns = ref ([
+      {
+        title: '课程编号',
+        dataIndex: 'id',
+        key: 'id',
+        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||record.type == 3
+                ? {
+                  "1": "项目开课",
+                  "2": "路径开课",
+                  "3": "面授开课",
+                }[value.record.type + ""] || ""
+                : "-"}
+            </div>
+          )
+        }
+      },
+      {
+        title: '学习总人数',
+        dataIndex: 'xxzrs',
+        key: 'xxzrs',
+        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.loading = true;
+    // let ids={id:  state.lookTeacherId  ,pageNo: "1", pageSize: "10" }
+    let ids=
+    {id:  "965341999643234304",
+          pageNo: "1",
+        pageSize: "10"}
+      // api接口
+       getTeacherCourseList(ids).then((res) => {
+        teacherrecordstableData.value = res.data.data.records
+        state.teacherrecordstableDataTotal = Number(res.data.data.total);
+          state.teacherrecordsLoading=false 
+      }) 
+    };
+       //晋级记录列表
+       const promotionrecordsColumns = ref ([
+      {
+        title: '变更时间',
+        dataIndex: 'time',
+        key: 'time',
+        elipsis: true,
+        width: 120,
+      },
+      {
+        title: '变更方式',
+        dataIndex: 'bgfs',
+        key: 'bgfs',
+        elipsis: true,
+        width: 120,
+      },
+      {
+        title: '变更结果',
+        dataIndex: 'bgjg',
+        key: 'bgjg',
+        elipsis: true,
+        width: 120,
+      },
+      {
+        title: '操作人',
+        dataIndex: 'czr',
+        key: 'czr',
+        elipsis: true,
+        width: 120,
+      },
+    ])
+        //晋级记录列表数据
+           const promotionrecordstableData = ref([
+      {
+        time:'变更时间',
+        bgfs: '变更方式',
+        bgjg:'变更结果',
+        czr: '操作人'
+      },
+    ])
+    // const getpromotionrecordstableData = () => {
+    //   state.promotionrecordsLoading=true 
+    //   state.loading = true;
+   //    let ids={userNo :  state.userNoid }
+    //   // api接口
+    //    getTeacherList(ids).then((res) => {
+    //       tableData.value = res.data.data.records
+    //       state.promotionrecordsLoading=false 
+    //   }) 
+    // };
+    // getpromotionrecordstableData()
+    //导出功能
+    // const handleExport = ()=>{
+    //   this.download('lesson_records/export', {
+    //             ...state.searchParam
+    //         }, `project_${new Date().getTime()}.xlsx` )
+    //     }
     return {
       ...toRefs(state),
+      // handleExport,
       LecturerSystemList,
-      GradeList,
+      getLevelList,
       OnTheJobStatusList,
+      getLevelLista,
       PlaceOfPayLista,
       AuthenticationStatusList,
       PlaceOfPayList,
@@ -806,12 +1050,30 @@ export default {
        getTableDate, //list接口数据调用
       // getStu
       LecturerSystemLista,
-      TeacherSystem
+      TeacherSystem,
+      particulars,
+      teacherrecords,
+      promotionrecords,
+      teacherrecordstableData,
+      teacherrecordsColumns,
+      getteacherrecordstableData ,
+      teacherchangePagination,
+      promotionrecordsColumns,
+      promotionrecordstableData,
+
+      // getpromotionrecordstableData
     }
   },
 };
 </script>
 <style lang="scss">
+//导出按钮icon
+.daochu {
+          width: 16px;
+          height: 18px;
+          background-image: url("../../assets/images/coursewareManage/export1.png");
+        }
+      
 //弹窗内详情样式
 .display1 {
   display: inline-block;