diff --git a/src/views/lecturer/ExternalLecturer.vue b/src/views/lecturer/ExternalLecturer.vue
index 6fe7da77..14e4c9f6 100644
--- a/src/views/lecturer/ExternalLecturer.vue
+++ b/src/views/lecturer/ExternalLecturer.vue
@@ -1,6 +1,6 @@
 <!-- 外部讲师页面 -->
 <template>
-  <div class="ExternalLecturer">
+  <div>
     <!-- 搜索框及按钮 -->
     <div class="filter" style="min-width: 1380px;">
       <a-form layout="inline">
@@ -37,7 +37,7 @@
           :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-space >
                 <a-button type="link" @click="() => handleLook(record, String(record.courseform))">查看</a-button>
                 <a-button type="link" @click="() => handleModify(record, String(record.courseform))">编辑</a-button>
                 <a-button v-if="record.status == '1'" type="link"
@@ -54,8 +54,17 @@
     </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="false"
+        :showQuickJumper="true"
+        :hideOnSinglePage="true"
+        :pageSize="searchParam.pageSize"
+        :current="searchParam.pageNo"
+        :total="tableDataTotal"
+        class="pagination"
+        @change="changePagination"
+      />
       </div>
     </div>
     <!-- 弹窗组件 -->
@@ -330,7 +339,7 @@ export default {
         title: '操作 ',
         dataIndex: 'operation',
         key: 'operation',
-      elipsis: true, align: "center",
+      elipsis: true, align: "right",
         width: 300,
         scopedSlots: { customRender: "action" },
       },
@@ -649,7 +658,7 @@ export default {
   box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21);
   border-radius: 4px;
   position: absolute;
-  left: 50%;
+  left: 30%;
   top: 10%;
   // transform: translate(-50%, -50%);
 
diff --git a/src/views/lecturer/ExternalTeaching.vue b/src/views/lecturer/ExternalTeaching.vue
index 7f75a3a5..b063145a 100644
--- a/src/views/lecturer/ExternalTeaching.vue
+++ b/src/views/lecturer/ExternalTeaching.vue
@@ -1,74 +1,80 @@
 <!-- 外部授课页面 -->
 <template>
-  <div class="ExternalTeaching">
+  <div>
     <!-- 搜索框及按钮 -->
-    <div class="filter">
-      <div class="filterItems">
-        <div class="select">
-          <a-input v-model:value="searchParam.teacher" style="width: 230px; height: 40px; border-radius: 8px"
-            placeholder="请输入姓名检索" allowClear showSearch>
+    <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: 276px; height: 40px; border-radius: 8px"
+            placeholder="请输入工号/讲师姓名进行检索" allowClear showSearch>
           </a-input>
-        </div>
-        <div class="select">
-          <a-input v-model:value="searchParam.name" style="width: 230px; height: 40px; border-radius: 8px"
-            placeholder="请输入课程名称" allowClear showSearch>
+        </a-form-item>
+        <a-form-item class="select">
+          <a-input v-model:value="searchParam.teacherNo" style="width: 260px; height: 40px; border-radius: 8px"
+            placeholder="请输入课程名称进行搜索" allowClear showSearch>
           </a-input>
+        </a-form-item>
+        <a-form-item class="select ">
+          <a-range-picker style="width: 260px; height: 40px; border-radius: 8px" v-model:value="searchdate" separator="至"
+            :placeholder="['      开始时间', '        结束时间']" @change="searchTimeChange" />
+        </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" placeholder="开课场地" v-model:value="searchParam.address" :options="AddressList">
+        <div style="width:100%"></div>
+        <a-form-item class="select" v-if="moreid == 2">
+          <a-select style="width: 230px ;margin-bottom:20px" v-model:value="searchParam.type" placeholder="录入类型"
+            :options="OnTheJobStatusList">
           </a-select>
-        </div>
-        <div class="select">
+        </a-form-item>
+        <a-form-item class="select" v-if="moreid == 2">
           <a-select style="width: 230px" v-model:value="searchParam.tlevelName" placeholder="内容分类"
             :options="getTeacherExpertiseList">
           </a-select>
-        </div>
-        <div class="select">
+        </a-form-item>
+        <a-form-item class="select" v-if="moreid == 2">
           <a-select style="width: 230px" v-model:value="searchParam.status" placeholder="开课状态"
             :options="AuthenticationStatusList">
           </a-select>
-        </div>
-        <div class="select addTimeBox">
-          <div class="addTime">课程日期：</div>
-          <a-date-picker v-model:value="searchParam.beginTime" style="width: 230px" format="YYYY-MM-DD" separator="至"
-            placeholder="请选择课程日期" />
-        </div>
-        <div style="display: flex; margin-bottom: 20px">
-          <div class="btnn btn1" @click="searchSubmit">
-            <div class="search"></div>
-            <div class="btnText">搜索</div>
-          </div>
-          <div class="btn btn2" @click="searchReset">
-            <div class="search"></div>
-            <div class="btnText">重置</div>
-          </div>
-        </div>
-      </div>
-      <div class="btns">
-        <div class="btn btn3" @click="addTeacher">
-          <div class="btnText">添加授课记录</div>
-        </div>
-        <div class="btn btn3" @click="addTeacher" style="margin-left: 20px ;">
-          <div class="btnText">一键同步</div>
-        </div>
-      </div>
-      <div class="btns">
-        <div class="btn btn3" @click="showEHWorkModal" style="margin-right:20px">
-          <div class="daoru"></div>
-          <div class="btnText" @click="handleExport">导入</div>
-        </div>
-        <div class="btn btn3" @click="showEHWorkModal" style="margin-right:20px">
-          <div class="daochu"></div>
-          <div class="btnText" @click="handleExport">导出</div>
-        </div>
+        </a-form-item>
+      </a-form>
+      <div style="width: 100%;"></div>
+      <div style="display: flex; margin-bottom: 20px">
+        <a-button @click="addTeacher()" type="primary" class="langbtn">
+          <FolderAddOutlined /> 添加授课记录
+        </a-button>
+        <!-- <div style="margin-left: 20px ;">
+          <a-button @click="addTeacher()" class="langbtn">
+            <UploadOutlined /> 一键生成讲师费
+          </a-button>
+        </div> -->
+        <a-button @click="handleExport()" class="resetbtn">
+          <UploadOutlined /> 导出
+        </a-button>
       </div>
       <!-- 表格 -->
       <div style="padding: 10px 0">
         <a-table :header-cell-style="{ 'text-align': 'center' }" style="border: 1px solid #f2f6fe" :columns="columns"
-          :data-source="tableData" :loading="tableLoading" @expand="expandTable" :pagination="false">
+        :scroll="{ x: 1500 }"      :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-space >
                 <a-button type="link" @click="() => handleLook(record, String(record.courseform))">查看</a-button>
                 <a-button type="link" @click="() => handleModify(record, String(record.courseform))">修改</a-button>
                 <a-button type="link" @click="() => deleteModal(record, String(record.courseform))">删除</a-button>
@@ -81,151 +87,150 @@
     </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="false"
+        :showQuickJumper="true"
+        :hideOnSinglePage="true"
+        :pageSize="searchParam.pageSize"
+        :current="searchParam.pageNo"
+        :total="tableDataTotal"
+        class="pagination"
+        @change="changePagination"
+      />
       </div>
     </div>
     <!-- 弹窗组件 -->
-    <a-modal :visible="teacherdialog" @ok="closeModal2" :footer="null" :closable="false"
-      wrapClassName="CreatePath">
-      <div class="out">
-          <div class="top">
-          <!-- <img class="topimg" src="../../assets/images/courseManage/add1.png" /> -->
-        <div class="topc">{{teacherdialogtitle }}</div>
-          <div @click="cancelTeacherDialog" style="margin-left: 650px; cursor: pointer">
-            <img
-              style="width: 20px; height: 20px"
-              src="../../assets/images/basicinfo/close.png"
-            />
-          </div>
-        </div>
-      <div style="padding-bottom: 15px;">
-        
-        <!-- 边框 -->
-        <div style=" margin-left: 33px; margin-right: 33px; margin-bottom: 33px;">
-          <div class="ExternalTeaching">
-            <div class="filter">
-              <div class="filterItems">
-                <!-- <div class="select">
-          <span style="display:inline-block ;width:115px ;text-align:center ">头像 :</span>
-          
-          </div> -->
-                <!-- 讲师姓名 -->
-                <div class="select">
-                  <div style="display:inline-block ;width:5px ;text-align:center ">
-                    <img style="width: 5px; height: 5px" src="../../assets/images/basicinfo/asterisk.png" />
-                  </div>
-                  <!--  v-model:value="searchParam.name" -->
-                  <span style="display:inline-block ;width:115px ;text-align:center ">讲师姓名 :</span>
-                  <a-input v-if="teacherdialog1 == 0" v-model:value="formParam.teacher" style="width:200px; height: 40px; "
-                    placeholder="请输入讲师姓名" allowClear showSearch>
-                  </a-input>
-                  <span v-if="teacherdialog1 == 1" class=display1>{{ formParam.teacher }}</span>
-                </div>
-                <!-- 手机号码 -->
-                <div class="select">
-                  <div style="display:inline-block ;width:5px ;text-align:center ">
-                    <img style="width: 5px; height: 5px" src="../../assets/images/basicinfo/asterisk.png" />
-                  </div>
-                  <span style="display:inline-block ;width:125px ;text-align:center ">手机号码 :</span>
-                  <a-input v-if="teacherdialog1 == 0" 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:115px ;text-align:center ">课程名称 :</span>
-                  <a-input v-if="teacherdialog1 == 0" v-model:value="formParam.name" style="width:200px; height: 40px;"
-                    placeholder="" allowClear showSearch>
-                  </a-input>
-                  <span v-if="teacherdialog1 == 1" class=display1>{{ formParam.name }}</span>
-                </div>
-                <!-- 授课日期 -->
-                <div class="select addTimeBox">
-                  <div style="display:inline-block ;width:5px ;text-align:center ">
-                    <img style="width: 5px; height: 5px" src="../../assets/images/basicinfo/asterisk.png" />
-                  </div>
-                  <span style="display:inline-block ;width:125px ;text-align:center ">授课日期 :</span>
-                  <a-date-picker v-if="teacherdialog1 == 0" v-model:value="formParam.beginTime" style="width: 200px"
-                    format="YYYY-MM-DD" placeholder="年/月/日" />
-                  <span v-if="teacherdialog1 == 1" class=display1>{{ formParam.beginTime }}</span>
-                </div>
-                <!-- 课程类型 -->
-                <div class="select">
-                  <div style="display:inline-block ;width:5px ;text-align:center ">
-                    <img style="width: 5px; height: 5px" src="../../assets/images/basicinfo/asterisk.png" />
-                  </div>
-                  <span style="display:inline-block ;width:115px ;text-align:center ">课程类型 :</span>
-                  <a-select style="width: 200px" v-if="teacherdialog1 == 0" v-model:value="formParam.type"
-                    showSearch :options="OnTheJobStatusList" placeholder="课程类型 ">
-                  </a-select>
-                  <span v-if="teacherdialog1 == 1" class=display1>{{formParam.type==1 ?'项目开课':formParam.type==2?'路径开课' :formParam.type==3 ? '面授开课':''}}</span>
-                </div>
-                <!-- 授课时长 -->
-                <div class="select">
-                  <div style="display:inline-block ;width:5px ;text-align:center ">
-                    <img style="width: 5px; height: 5px" src="../../assets/images/basicinfo/asterisk.png" />
-                  </div>
-                  <span style="display:inline-block ;width:125px ;text-align:center ">授课时长 :</span>
-                  <a-input v-if="teacherdialog1 == 0" v-model:value="formParam.duration"
-                    style="width:200px; height: 40px;" placeholder=" 2小时" allowClear showSearch>
-                  </a-input>
-                  <span v-if="teacherdialog1 == 1" class=display1>{{ formParam.duration }}</span>
-                </div>
-                <!-- 内容分类 -->
-                <div class="select">
-                  <div style="display:inline-block ;width:5px ;text-align:center ">
-                    <img style="width: 5px; height: 5px" src="../../assets/images/basicinfo/asterisk.png" />
-                  </div>
-                  <span style="display:inline-block ;width:115px ;text-align:center ">内容分类 :</span>
-                  <a-select style="width: 200px" v-if="teacherdialog1 == 0" v-model:value="formParam.defaultTeachingTime"
-                    showSearch :options="getTeacherExpertiseList" placeholder="">
-                  </a-select>
-                  <span v-if="teacherdialog1 == 1" class=display1>{{ formParam.defaultTeachingTime }}</span>
-                </div>
-                <!-- 评分 -->
-                <div class="select">
-                  <span style="display:inline-block ;width:125px ;text-align:center ">评分 :</span>
-                  <a-input v-if="teacherdialog1 == 0" v-model:value="formParam.score" style="width:200px; height: 40px; "
-                    placeholder="" allowClear showSearch>
-                  </a-input>
-                  <span v-if="teacherdialog1 == 1" class=display1>{{ formParam.score }}</span>
-                </div>
-                <!-- 参训人数 -->
-                <div class="select">
-                  <span style="display:inline-block ;width:125px ;text-align:center ">参训人数 :</span>
-                  <a-input v-if="teacherdialog1 == 0" v-model:value="formParam.studys" style="width:200px; height: 40px; "
-                    placeholder="0 " allowClear showSearch>
-                  </a-input>
-                  <span v-if="teacherdialog1 == 1" class=display1>{{ formParam.studys }}</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"
-                              v-model:value="formParam.remark"
-                              showCount
-                              :maxlength="200"
-                              style="width: 500px; 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>
-
+    <a-drawer v-model:visible="teacherdialog" placement="right" @closa="cancelTeacherDialog" :maskClosable="true"
+      dropdown-style="drawaer" width="60%" :title="teacherdialogtitle">
+      <a-form :model="formParam" :rules="rules" layout="vertical">
+        <!--讲师名称  teacher 内容分类 tlevelName -->
+        <a-row :gutter="16">
+          <a-col :span="12">
+            <a-form-item label="讲师名称" name="teacher">
+              <a-tree-select v-model:value="formParam.teacher" tree-data-simple-mode class="draitem"
+                :dropdown-style="{ maxHeight: '400px', overflow: 'auto' }" :tree-data="treeData" placeholder="请输入讲师名称" />
+            </a-form-item>
+          </a-col>
+          <a-col :span="12">
+            <a-form-item label="内容分类" name="tlevelName">
+              <a-select class="draitem" v-model:value="searchParam.tlevelName" placeholder="内容分类"
+                :options="getTeacherExpertiseList">
+              </a-select>
+            </a-form-item>
+          </a-col>
+        </a-row>
+        <!-- 课程名称：teacherNo  开课状态 status-->
+        <a-row :gutter="16">
+          <a-col :span="12">
+            <a-form-item label="课程名称" name="teacherNo">
+              <a-input class="draitem" v-model:value="searchParam.teacherNo" placeholder="请输入后搜索面授课" allowClear
+                showSearch>
+              </a-input>
+            </a-form-item>
+          </a-col>
+          <a-col :span="12">
+            <a-form-item label="开课状态">
+              <a-radio-group v-model:value="formParam.status" class="draitem">
+                <a-radio :value="0">未开课</a-radio>
+                <a-radio :value="1">已开课</a-radio>
+              </a-radio-group>
+            </a-form-item>
+          </a-col>
+        </a-row>
+        <!-- 授课日期 beginTime  授课时长defaultTeachingTime-->
+        <a-row :gutter="16">
+          <a-col :span="12">
+            <a-form-item label="授课/课程日期 :" name="beginTime">
+              <a-date-picker class="draitem" v-model:value="formParam.beginTime" style="width: 200px" format="YYYY-MM-DD"
+                placeholder="请选择课程日期" />
+            </a-form-item>
+          </a-col>
+          <a-col :span="12">
+            <a-form-item label="初始授课时长" name="defaultTeachingTime">
+              <a-input v-model:value="formParam.defaultTeachingTime" style="width:80%; 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-row>
+        <!-- 参训人数 studys评分  score-->
+        <a-row :gutter="16">
+          <a-col :span="12">
+            <a-form-item label="参训人数" name="studys">
+              <a-input v-model:value="formParam.studys" class="draitem" placeholder="0 " allowClear showSearch>
+              </a-input>
+            </a-form-item>
+          </a-col>
+          <a-col :span="12">
+            <a-form-item label="评分" name="score">
+              <a-input v-model:value="formParam.studys" class="draitem" placeholder="0 " allowClear showSearch>
+              </a-input>
+            </a-form-item>
+          </a-col>
+        </a-row>
+        <!-- 备注 remark -->
+        <a-row :gutter="16">
+          <a-col :span="24">
+            <a-form-item label="备注">
+              <a-textarea v-model:value="formParam.remark" showCount :maxlength="200"
+                style="width: 100%; height: 100px; border-radius: 8px" placeholder="请输入" />
+            </a-form-item>
+          </a-col>
+        </a-row>
+      </a-form>
+      <div :style="{
+        position: 'absolute',
+        right: 0,
+        bottom: 0,
+        width: '100%',
+        borderTop: '1px solid #e9e9e9',
+        padding: '10px 16px',
+        background: '#fff',
+        textAlign: 'right',
+        zIndex: 1,
+      }">
+        <a-button class="drabtn" @click="cancelTeacherDialog">取消</a-button>
+        <a-button class="drabtn" type="primary" @click="createTeacherDialog" :loading="buttonLoading">保存
+        </a-button>
       </div>
+    </a-drawer>
+    <!-- 查看授课记录 -->
+    <a-drawer v-model:visible="teachingdialog" placement="right" @closa="cancelTeachingDialog" :maskClosable="true"
+      width="60%" title="查看讲师授课记录">
+      <a-descriptions bordered :column="2" :contentStyle="rowCenter" :labelStyle="rowCenter">
+        <a-descriptions-item label="讲师名称">{{ formParam.teacher }}</a-descriptions-item>
+        <a-descriptions-item label="手机号">{{ formParam.mobile }}</a-descriptions-item>
+        <a-descriptions-item label="课程类型">{{ formParam.type == 1 ? '项目开课' : formParam.type == 2 ? '路径开课' : formParam.type == 3
+          ? '面授开课' : '' }}</a-descriptions-item>
+        <a-descriptions-item label="课程名称">{{ formParam.name }}</a-descriptions-item>
+        <a-descriptions-item label="开课状态">{{ formParam.status == 0 ? '未开课' : formParam.status == 1
+          ? '已开课' : '' }}</a-descriptions-item>
+        <a-descriptions-item label="内容分类  ">{{ formParam.teaching }}</a-descriptions-item>
+        <a-descriptions-item label="授课/课程日期  ">{{ formParam.beginTime }}</a-descriptions-item>
+        <a-descriptions-item label="授课时长  ">{{ formParam.duration }}</a-descriptions-item>
+        <a-descriptions-item label="评分  ">{{ formParam.score }}</a-descriptions-item>
+        <a-descriptions-item label="参训人数  ">{{ formParam.studys }}</a-descriptions-item>
+        <a-descriptions-item label="备注  " :span="2">{{ formParam.remark }}</a-descriptions-item>
+      </a-descriptions>
+      <div :style="{
+        position: 'absolute',
+        right: 0,
+        bottom: 0,
+        width: '100%',
+        borderTop: '1px solid #e9e9e9',
+        padding: '10px 16px',
+        background: '#fff',
+        textAlign: 'right',
+        zIndex: 1,
+      }">
+        <a-button class="drabtn" @click="cancelTeachingDialog">取消</a-button>
+        <a-button class="drabtn" type="primary" @click="cancelTeachingDialog" :loading="buttonLoading">返回
+        </a-button>
       </div>
-    </a-modal>
+    </a-drawer>
     <!-- 删除功能弹窗 -->
     <div>
       <a-modal v-model:visible="deleteTeacherdialog" :footer="null" :closable="close" wrapClassName="canclestu1"
@@ -258,32 +263,44 @@
 <script lang="jsx">
 import { reactive, toRefs, ref } from "vue";
 import { useRouter } from "vue-router";
+import {
+  RightOutlined,
+  UpOutlined,
+  UploadOutlined,
+  FolderAddOutlined,
+  DownloadOutlined
+} from '@ant-design/icons-vue';
 import { message } from "ant-design-vue";
 import { updateInTeacher, getTeacherExpertise } from "../../api/Lecturer";
-import { getOuterTeacherCourseList, getAddress,updateInTeacherCourse ,deleteInTeacherCourse,insertOutTeaherCourse} from "../../api/Teaching";
+import { getOuterTeacherCourseList, getAddress, updateInTeacherCourse, deleteInTeacherCourse, insertOutTeaherCourse,getOuterTeacherCourseDetail } from "../../api/Teaching";
 // import {getProjSt} from "../../api/indexProjStu";
 // import AddTeacher from "../../components/drawers/project/AddTeacher"
 export default {
   name: "ExternalTeaching",
   components: {
-
+    RightOutlined, //图标--展开
+    UpOutlined,//图标--收起
+    UploadOutlined,//图标--导出
+    DownloadOutlined,//图标-导入
+    FolderAddOutlined,//图标--新增
   },
   setup() {
-    const router = useRouter(); 
+    const router = useRouter();
     const state = reactive({
+      moreid: 1,
       tableLoading: false,
       delTeacherId: null, //删除id确认
       userNoid: null,    //详情工号确认 
       lookTeacherId: null, //详情id确认
       deleteTeacherdialog: false, //删除弹窗
-      teacherdialog1: null,
-      teacherdialog: false,  //控制讲师弹窗
+      teacherdialog: false,  //控制弹窗
       teacherdialogtitle: '',//讲师弹框title内容
+      teachingdialog: false,//查看抽屉
       pageSizeOptions: ['10', '20', '30', '50'], //下拉选择每页显示多少条
       pageSize: 10,
       tableDataTotal: -1,//table列表总条数
       formParam: {
-        type1:1,
+        status: 1,
       },
       searchParam: {
         pageNo: 1,
@@ -292,17 +309,38 @@ export default {
         name: null,
         address: null,
         status: null,
-        beginTime: null,
+        startDate: null,
+        endDate: null,
       },
     })
+    //修改时间
+    const searchTimeChange = (e, date) => {
+      let startTime = date[0] + " 00:00:00";
+      let endTime = date[1] + " 23:59:59";
+      state.startTime = new Date(startTime).getTime();
+      state.endTime = new Date(endTime).getTime();
+      // state.searchParam.startDate = new Date(startDate).getTime() ;
+      // state.searchParam.endDate = new Date(endDate).getTime() ;
+      state.searchParam.startDate = state.startTime ? state.startTime : null,
+        state.searchParam.endDate = state.endTime ? state.endTime : null
+    };
     const AddressList = ref([
     ]);
+    const rules = {
+      teacher: [{ required: true, message: '讲师不能为空' }],
+      tlevelName: [{ required: true, message: '内容分类不能为空' }],
+      teacherNo: [{ required: true, message: '课程名称不能为空' }],
+      status: [{ required: true, message: '讲开课状态不能为空' }],
+      defaultTeachingTime: [{ required: true, message: '授课时长不能为空' }],
+      beginTime: [{ required: true, message: '授课日期不能为空' }],
+
+    }
     //获取开课场地
     const AddressLista = () => {
       getAddress().then((res) => {
         if (res.data.code === 200) {
           let arr = res.data.data;
-          let array =[];
+          let array = [];
           arr.map((value) => {
             let obj = {
               value: value.id,
@@ -327,67 +365,32 @@ export default {
     ])
     const columns = ref([
 
-      {
-        title: '课程编号 ',
-        dataIndex: 'userNo',
-        key: 'userNo',
-        elipsis: true,
-        width: 120,
-      },
+      // {
+      //   title: '课程编号 ',
+      //   dataIndex: 'userNo',
+      //   key: 'userNo',
+      //   elipsis: true,
+      //   width: 120,
+      // },
       {
         title: '授课讲师 ',
         dataIndex: 'teacher',
         key: 'teacher',
-        elipsis: true,
+      elipsis: true, align: "center",
         width: 120,
       },
       {
         title: '手机号码 ',
         dataIndex: 'mobile',
         key: 'mobile',
-        elipsis: true,
-        width: 120,
-      },
-      {
-        title: '课程名称 ',
-        dataIndex: 'name',
-        key: 'name',
-        elipsis: true,
-        width: 120,
-      },
-      {
-        title: '授课/课程日期 ',
-        dataIndex: 'beginTime',
-        key: 'beginTime',
-        elipsis: true,
-        width: 120,
-      },
-      {
-        title: '开课场地 ',
-        dataIndex: 'address',
-        key: 'address',
-        elipsis: true,
-        width: 120,
-      },
-      {
-        title: '授课时长(H) ',
-        dataIndex: 'duration',
-        key: 'duration',
-        elipsis: true,
-        width: 120,
-      },
-      {
-        title: '内容分类',
-        dataIndex: 'teaching',
-        key: 'teaching',
-        elipsis: true,
+      elipsis: true, align: "center",
         width: 120,
       },
       {
         title: '课程类型 ',
         dataIndex: 'type',
         key: 'type',
-        elipsis: true,
+      elipsis: true, align: "center",
         width: 120,
         customRender: (value) => {
           return (
@@ -404,24 +407,66 @@ export default {
         }
       },
       {
-        title: '参训学员人数',
+        title: '课程名称 ',
+        dataIndex: 'name',
+        key: 'name',
+      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: 'address',
+        key: 'address',
+      elipsis: true, align: "center",
+        width: 120,
+      },
+      {
+        title: '内容分类',
+        dataIndex: 'teaching',
+        key: 'teaching',
+      elipsis: true, align: "center",
+        width: 120,
+      },
+      {
+        title: '授课时长(H) ',
+        dataIndex: 'duration',
+        key: 'duration',
+      elipsis: true, align: "center",
+        width: 120,
+      },
+      {
+        title: '参训总人数',
         dataIndex: 'studys',
         key: 'studys',
-        elipsis: true,
+      elipsis: true, align: "center",
         width: 120,
       },
       {
         title: '评分',
         dataIndex: 'score',
         key: 'score',
-        elipsis: true,
+      elipsis: true, align: "center",
         width: 120,
       },
       {
         title: '开课状态 ',
         dataIndex: 'status',
         key: 'status',
-        elipsis: true,
+      elipsis: true, align: "center",
         width: 120,
         customRender: (value) => {
           return (
@@ -440,7 +485,9 @@ export default {
         title: '操作 ',
         dataIndex: 'operation',
         key: 'operation',
-        elipsis: true,
+      elipsis: true,
+       align: "right",
+      fixed: "right",
         width: 300,
         scopedSlots: { customRender: "action" },
       },
@@ -498,7 +545,6 @@ export default {
     };
     // 新增讲师
     const addTeacher = () => {
-      state.teacherdialog1 = 0
       state.teacherdialog = true;
       state.teacherdialogtitle = '添加授课记录'
       getTeacherExpertiseLista()
@@ -507,7 +553,6 @@ export default {
     }
     //修改讲师信息弹窗
     const handleModify = (record) => {
-      state.teacherdialog1 = 0
       state.teacherdialog = true;
       state.teacherdialogtitle = '修改授课记录'
       TeacherSystem(record)
@@ -515,19 +560,19 @@ export default {
     //保存
     const createTeacherDialog = () => {
       if (state.formParam.userNo != undefined) {
-                      updateInTeacherCourse (state.formParam).then(response => {
-                            message.success("修改成功");
-                        });
-                    }
-      else {
-      insertOutTeaherCourse(state.formParam)
-        .then((res) => {
-          message.success("保存成功");
-      }).catch((err) => {
-          console.log(err);
+        updateInTeacherCourse(state.formParam).then(response => {
+          message.success("修改成功");
         });
-       }
-       getTableDate();
+      }
+      else {
+        insertOutTeaherCourse(state.formParam)
+          .then((res) => {
+            message.success("保存成功");
+          }).catch((err) => {
+            console.log(err);
+          });
+      }
+      getTableDate();
       state.teacherdialog = false
     }
     //删除弹窗
@@ -590,41 +635,42 @@ export default {
       }
 
     }
-
+    //展开切换
+    const handlemoreid = () => {
+      if (state.moreid == 1) {
+        state.moreid = 2
+      }
+      else if (state.moreid == 2) {
+        state.moreid = 1
+        state.searchParam.type = null
+        state.searchParam.status = null
+        state.searchParam.tlevelName = null
+      }
+    }
     //表格内查看数据操作
     const handleLook = (record) => {
-      state.teacherdialog1 = 1
-      state.teacherdialog = true;
-      state.teacherdialogtitle = '查看详情'
-      state.userNoid = record.userNo
+      state.teachingdialog = true
       state.lookTeacherId = record.id
-      TeacherSystem(record)
+      TeacherSystem()
       // let id = record.userNo
       // router.push({ path: '/lecturer/ExternalTeachingDetail/', query: { id  } })
       // router.push({ path: '/ExternalTeachingDetail' })
     }
+    //取消查看
+    const cancelTeachingDialog = () => {
+      state.teachingdialog = false
+    }
     //外部授课详情
-    const TeacherSystem = (record) => {
-      state.formParam={
-        teacher:record.teacher,
-        mobile:record.mobile,
-        name:record.name,
-        // beginTime:record.beginTime ,
-        type:record.type,
-        duration:record.duration,
-        defaultTeachingTime:record.defaultTeachingTime,
-        score:record.score,
-        remark:record.remark,
-        userNo:record.userNo
-      }
-      // getOuterTeacherCourseDetail(state.lookTeacherId).then((res) => {
-      //   state.formParam = res.data.data
-      // })
-      //   .catch((err) => {
-      //   });
+    const TeacherSystem = () => {
+      getOuterTeacherCourseDetail(state.lookTeacherId).then((res) => {
+        state.formParam = res.data.data
+        console.log( state.formParam);
+      })
+        .catch((err) => {
+        });
     }
     //导出功能
-        const handleExport = () => {
+    const handleExport = () => {
       window.open(
         `${process.env.VUE_APP_BASE_API}/teacher/export?pageNo=${state.currentPage1
         }&pageSize=${state.pageSize1}
@@ -634,38 +680,57 @@ export default {
         }&status=${state.searchParam.status ? state.searchParam.status : ""}&beginTime=${state.searchParam.beginTime ? state.searchParam.certbeginTimeStatus : ""
         }`
       );
-        }
-      return {
-        ...toRefs(state),
-        getTeacherExpertiseList,
-        getTeacherExpertiseLista,
-
-        handleExport,
-        AddressList,
-        OnTheJobStatusList,
-        AuthenticationStatusList,
-        searchSubmit,
-        searchReset,
-        columns,
-        tableData,
-        changePagination,
-        addTeacher,
-        cancelTeacherDialog,
-        handleLook,
-        cancel,
-        deleteModal,
-        handleModify,
-        closeDeleteTeacher,
-        createTeacherDialog,
-        getTableDate, //list接口数据调用
-        // getStu
-        AddressLista,
-        TeacherSystem,
-      }
-    },
-  };
+    }
+    return {
+      ...toRefs(state),
+      rules,
+      searchTimeChange, 
+      cancelTeachingDialog,
+      getTeacherExpertiseList,
+      getTeacherExpertiseLista,
+      handlemoreid,
+      handleExport,
+      AddressList,
+      OnTheJobStatusList,
+      AuthenticationStatusList,
+      searchSubmit,
+      searchReset,
+      columns,
+      tableData,
+      changePagination,
+      addTeacher,
+      cancelTeacherDialog,
+      handleLook,
+      cancel,
+      deleteModal,
+      handleModify,
+      closeDeleteTeacher,
+      createTeacherDialog,
+      getTableDate, //list接口数据调用
+      // getStu
+      AddressLista,
+      TeacherSystem,
+    }
+  },
+};
 </script>
-<style lang="scss" scoped>
+<style lang="scss" scoped >
+.select .ant-picker {
+  width: 410px !important;
+}
+
+.addTimeBox {
+  position: relative;
+  display: flex;
+  align-items: center;
+
+  .addTime {
+    position: absolute;
+    z-index: 10;
+    margin-left: 10px;
+    color: rgba(0, 0, 0, 0.4);
+  }
+}
 
 //导出按钮icon
 .daochu {
@@ -674,13 +739,6 @@ export default {
   background-image: url("../../assets/images/coursewareManage/export1.png");
 }
 
-//导入按钮icon
-.daoru {
-  width: 16px;
-  height: 18px;
-  background-image: url("../../assets/images/coursewareManage/daoru.png");
-}
-
 //弹窗内详情样式
 .display1 {
   display: inline-block;
@@ -749,273 +807,9 @@ export default {
     justify-content: space-between;
     flex-wrap: wrap;
 
-    .filterItems {
-      display: flex;
-      flex-wrap: wrap;
-
-      .select {
-        margin-right: 20px;
-        margin-bottom: 20px;
-      }
-
-      .addTimeBox {
-        position: relative;
-        display: flex;
-        align-items: center;
-
-        .addTime {
-          position: absolute;
-          z-index: 10;
-          margin-left: 10px;
-          color: rgba(0, 0, 0, 0.4);
-        }
-
-        .ant-picker {
-          padding-left: 85px;
-        }
-
-        .ant-picker-range .ant-picker-active-bar {
-          margin-left: 85px;
-        }
-      }
-
-      .btn {
-        padding: 0px 26px 0px 26px;
-        height: 38px;
-        background: #4ea6ff;
-        border-radius: 8px;
-        border: 1px solid rgba(64, 158, 255, 1);
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        margin-right: 14px;
-        flex-shrink: 0;
-        cursor: pointer;
-
-        .search {
-          background-size: 100%;
-        }
-
-        .btnText {
-          font-size: 14px;
-          font-weight: 400;
-          color: #fff;
-          line-height: 36px;
-          margin-left: 5px;
-        }
-      }
-
-      .btnn {
-        padding: 0px 26px 0px 26px;
-        height: 38px;
-        background: #4ea6ff;
-        border-radius: 8px;
-        border: 1px solid rgba(64, 158, 255, 1);
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        margin-right: 14px;
-        flex-shrink: 0;
-        cursor: pointer;
-
-        .search {
-          background-size: 100%;
-        }
-
-        .btnText {
-          font-size: 14px;
-          font-weight: 400;
-          color: #ffffff;
-          line-height: 36px;
-          margin-left: 5px;
-        }
-      }
-
-      .btn1 {
-        .search {
-          width: 15px;
-          height: 17px;
-          background-image: url("../../assets/images/courseManage/search0.png");
-        }
-      }
-
-      .btn2 {
-        .search {
-          width: 16px;
-          height: 18px;
-          background-image: url("../../assets/images/courseManage/reset0.png");
-        }
-      }
-
-      // .btn1:hover {
-      //   background: rgba(64, 158, 255, 0.76);
-
-      //   .search {
-      //     background-image: url("../../assets/images/courseManage/search0.png");
-      //   }
-
-      //   .btnText {
-      //     color: #ffffff;
-      //   }
-      // }
-
-      .btn1:active {
-        background: #0982ff;
-      }
-
-      // .btn2:hover {
-      //   background: rgba(64, 158, 255, 0.1);
-      // }
-
-      .btn2:active {
-        background: #0982ff;
-      }
-    }
-
-    .btns {
-      display: flex;
-
-      // flex-wrap: wrap;
-      .btn {
-        padding: 0px 26px 0px 26px;
-        height: 38px;
-        background: #4ea6ff;
-        border-radius: 8px;
-        border: 1px solid rgba(64, 158, 255, 1);
-        display: flex;
-        align-items: center;
-        cursor: pointer;
-        justify-content: center;
-        margin-right: 14px;
-        flex-shrink: 0;
-
-        .search {
-          background-size: 100%;
-        }
-
-        .btnText {
-          font-size: 14px;
-          font-weight: 400;
-          color: #ffffff;
-          line-height: 36px;
-          margin-left: 5px;
-        }
-      }
-
-      .btn3 {
-        margin-right: 0px;
-
-        .search {
-          width: 17px;
-          height: 18px;
-          background-image: url("../../assets/images/courseManage/add0.png");
-        }
-      }
-
-      // .btn3:hover {
-      //   background: rgba(64, 158, 255, 0.76);
-      // }
-
-      .btn3:active {
-        background: #0982ff;
-      }
-    }
-  }
-
-  .tableBox {
-    margin: 20px 38px 30px;
-
-    .ant-table-thead>tr>th {
-      background-color: #eff4fc;
-    }
-
-    th {
-      background-color: #eff4fc !important;
-      text-align: center !important;
-    }
-  }
-
-  .tableBox {
-    padding-bottom: 20px;
-
-    .pa {
-      // position: absolute;
-      // bottom: 20px;
-      // left: 0;
-      width: 100%;
-      // height: 20px;
-      // background-color: red;
-      display: flex;
-      justify-content: center;
-      // margin-bottom: 10px;
-      // position: absolute;
-      // bottom: -40px;
-    }
-  }
-
-  .operation {
-    font-size: 14px;
-    font-weight: 400;
-    color: #4ea6ff;
-    margin-right: -45px;
-    display: flex;
-    justify-content: right;
-    margin-right: 18px;
-
-    // line-height: 36px;
-    .operation1 {
-      margin-left: 21px;
-      width: 28px;
-      display: inline-block;
-    }
-
-    .operation3 {
-      margin-left: 21px;
-      width: 70px;
-      display: inline-block;
-      text-align: center;
-    }
-
-    .more {
-      width: 50px;
-      display: inline-block;
-      margin-left: 21px;
-      position: relative;
-      text-align: left;
-
-      // z-index: 99999;
-      .moreArrow {
-        width: 13px;
-        height: 7px;
-        display: inline-block;
-        background-image: url("../../assets/images/navtop/down.png");
-        background-size: 100%;
-        margin: 2px;
-        margin-left: 7px;
-      }
-
-      .moreItems {
-        width: 100px;
-        padding: 5px;
-        display: none;
-        background: #ffffff;
-        box-shadow: 2px 3px 9px 3px rgba(0, 0, 0, 0.05);
-        border-radius: 3px;
-        border: 0px solid #dcdcdc;
-        position: absolute;
-        left: 0px;
-        top: 28px;
-        z-index: 100;
-        text-align: center;
-      }
-    }
-
-    .more:hover .moreArrow {
-      background-image: url("../../assets/images/navtop/up.png");
-    }
-
-    .more:hover .moreItems {
-      display: block;
+    .select {
+      margin-right: 20px;
+      margin-bottom: 20px;
     }
   }
 }
@@ -1027,9 +821,9 @@ export default {
   box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21);
   border-radius: 4px;
   position: absolute;
-  left: 50%;
+  left: 30%;
   top: 10%;
-  transform: translate(-50%, -50%);
+  // transform: translate(-50%, -50%);
 
   .del_header {
     position: absolute;
@@ -1121,60 +915,132 @@ export default {
     }
   }
 }
+
 .CreatePath {
-        .out {
-          z-index: 9999;
-          display: block;
-          position: absolute;
-          top: 90px;
-          width:850px !important;
-          height:600px;
-          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;
+      }
+    }
+  }
+}
+
+//添加样式
+.langbtn {
+  height: 40px;
+  border-radius: 8px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-right: 14px;
+  flex-shrink: 0;
+  cursor: pointer;
+}
+
+// 重置样式
+.resetbtn {
+  width: 100px;
+  height: 40px;
+  border-radius: 8px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-right: 14px;
+  flex-shrink: 0;
+  cursor: pointer;
+}
+
+//展开收起样式
+.moreidbtn {
+  border: none;
+  color: #4ea6ff;
+  width: 80px
+}
+
+//小竖线
+.line {
+  float: left;
+  width: 3px;
+  height: 25px;
+  background: #4ea6ff;
+  border-radius: 30%;
+  margin-right: 5px;
+}
+
+//抽屉功能
+.drawaer // /* 改变所有 a-tree-select 输入框的高度 */
+//   ::v-deep  .ant-select:not(.ant-select-customize-input) .ant-select-selector{
+//   height: 40px;
+//   line-height: 40px;
+//   border-radius: 8px
+
+//   /* 确保文字垂直居中 */
+// }
+::v-deep .ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
+  height: 40px !important;
+  line-height: 40px;
+  border-radius: 8px
+}
+
+// 抽屉内样式
+.draitem {
+  width: 100%;
+  height: 40px !important;
+  border-radius: 8px;
+  line-height: 40px;
+}
+
+.drabtn {
+  height: 40px;
+  width: 80px;
+  border-radius: 8px;
+  margin-right: 20px
 }
 </style>
\ No newline at end of file
diff --git a/src/views/lecturer/InsideLecturer.vue b/src/views/lecturer/InsideLecturer.vue
index 1249c16a..13695872 100644
--- a/src/views/lecturer/InsideLecturer.vue
+++ b/src/views/lecturer/InsideLecturer.vue
@@ -1,6 +1,6 @@
 <!-- 内部讲师 -->
 <template>
-  <div class="InsideLecturer">
+  <div >
     <!-- 搜索框及按钮 -->
     <div class="filter" style="min-width: 1380px;">
       <a-form   layout="inline">
@@ -10,13 +10,25 @@
             placeholder="请输入工号/讲师姓名进行检索" allowClear showSearch>
           </a-input>
 
-          <!-- <a-select style="width: 276px" placeholder="请选择所属组织" v-model:value="searchParam.userNo"
-            :options="infoteacherList">
-          </a-select> -->
+          <!-- <a-tree-select
+								:fieldNames="{
+									children: 'children',
+									label: 'name',
+									value: 'code',
+								}"
+								allow-clear
+								:getPopupContainer="triggerNode => triggerNode.parentNode || document.body"
+								v-model:value="valueproj" 
+								show-search 
+								:dropdown-style="{ maxHeight: '400px', overflow: 'auto' }"
+								placeholder="请选择内容分类" 
+								tree-default-expand-all 
+								:tree-data="sysTypeOptions">
+							</a-tree-select> -->
         </a-form-item>
         <a-form-item class="select">
           <a-select style="width: 276px" placeholder="请选择讲师体系" v-model:value="searchParam.tsystemName"
-            :options="LecturerSystemList">
+            :options="LecturerSystemList" @change="changetlevel">
           </a-select>
         </a-form-item>
         <a-form-item class="select">
@@ -44,17 +56,17 @@
         </div>
         <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="在职状态"
+          <a-select style="width: 276px ;margin-bottom:20px" v-model:value="searchParam.waitStatus" placeholder="在职状态"
             :options="OnTheJobStatusList">
           </a-select>
         </a-form-item>
         <a-form-item v-if="moreid == 2" class="select">
-          <a-select style="width: 276px" v-model:value="searchParam.certStatus" placeholder="认证状态"
+          <a-select style="width: 276px ;margin-bottom:20px" v-model:value="searchParam.certStatus" placeholder="认证状态"
             :options="AuthenticationStatusList">
           </a-select>
         </a-form-item>
         <a-form-item v-if="moreid == 2" class="select">
-          <a-select style="width: 276px" v-model:value="searchParam.payrollPlaceId" placeholder="发薪地"
+          <a-select style="width: 276px ;margin-bottom:20px" v-model:value="searchParam.payrollPlaceId" placeholder="发薪地"
             :options="PlaceOfPayList">
           </a-select>
         </a-form-item>
@@ -81,7 +93,7 @@
           @expand="expandTable" :pagination="false">
           <template #bodyCell="{ record, column }">
             <template v-if="column.key === 'operation'">
-              <a-space style="display:flex ;justify-content: space-around;  ">
+              <a-space >
                 <a-button type="link" @click="() => handleLook(record, String(record.courseform))">查看</a-button>
                 <a-button type="link" @click="() => handleModify(record, String(record.courseform))">编辑</a-button>
                 <a-button v-if="record.status == '1'" type="link"
@@ -98,8 +110,18 @@
     </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="false"
+        :showQuickJumper="true"
+        :hideOnSinglePage="true"
+        :pageSize="searchParam.pageSize"
+        :current="searchParam.pageNo"
+        :total="tableDataTotal"
+        class="pagination"
+        @change="changePagination"
+      />
       </div>
     </div>
     <!-- 弹窗组件 -->
@@ -116,15 +138,15 @@
         <a-row :gutter="16">
           <a-col :span="24">
               <a-upload
-    v-model:file-list="fileList"
-    name="avatar"
-    avatar-uploader
-    list-type="picture-card"
-    class=""
-    :show-upload-list="false"
-    action="https://www.mocky.io/v2/5cc8019d300000980a055e76"
-    :before-upload="beforeUpload"
-    @change="handleChange"
+                 v-model:file-list="fileList"
+                 name="avatar"
+                 avatar-uploader
+                 list-type="picture-card"
+                 class=""
+                 :show-upload-list="false"
+                 action="https://www.mocky.io/v2/5cc8019d300000980a055e76"
+                 :before-upload="beforeUpload"
+                 @change="handleChange"
   />
           </a-col>
         </a-row>
@@ -132,7 +154,8 @@
         <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 class="draitem"
+              <a-tree-select v-model:value="formParam.name" 
+              show-search    allow-clear tree-data-simple-mode  class="draitem"
                 :dropdown-style="{ maxHeight: '400px', overflow: 'auto' }" :tree-data="treeData" placeholder="请输入讲师名称" />
             </a-form-item>
           </a-col>
@@ -151,18 +174,18 @@
           </a-col>
         </a-row>
         <!-- 讲师级别 体系-->
-        <a-row :gutter="16">
-          <a-col :span="12">
-            <a-form-item label="讲师级别" name="levelId">
-              <a-select class="draitem" v-model:value="formParam.levelId" placeholder="请选择讲师级别"
-                :options="getLevelList">
+          <a-row :gutter="16">
+            <a-col :span="12">
+            <a-form-item label="讲师体系" name="systemId">
+              <a-select  class="draitem" v-model:value="formParam.systemId" placeholder="请选择讲师体系"
+                :options="LecturerSystemList">
               </a-select>
             </a-form-item>
           </a-col>
           <a-col :span="12">
-            <a-form-item label="讲师体系" name="systemId">
-              <a-select  class="draitem" v-model:value="formParam.systemId" placeholder="请选择讲师体系"
-                :options="LecturerSystemList">
+            <a-form-item label="讲师级别" name="levelId">
+              <a-select class="draitem" v-model:value="formParam.levelId" placeholder="请选择讲师级别"
+                :options="getLevelList">
               </a-select>
             </a-form-item>
           </a-col>
@@ -174,7 +197,7 @@
               <a-input v-model:value="formParam.defaultTeachingTime" style="width:80%; height: 40px; " placeholder="0"
                 allowClear showSearch suffix="分钟">
               </a-input>
-              <span v-if="formParam.defaultTeachingTime" style="margin-left: 5px ;">{{ (formParam.defaultTeachingTime /60 ).toFixed(2)}}小时</span>
+              <span  style="margin-left: 5px ;">{{ (formParam.defaultTeachingTime /60 ).toFixed(2)}}小时</span>
             </a-form-item>
           </a-col>
           <a-col :span="12">
@@ -244,8 +267,8 @@
 
     <!-- 删除功能弹窗 -->
     <div>
-      <a-modal v-model:visible="deleteInTeacherdialog" :footer="null" :closable="close" wrapClassName="canclestu1"
-        style="width:1080px" centered="true">
+      <a-modal v-model:visible="deleteInTeacherdialog" :footer="null" :closable="close"
+        centered="true">
         <div class="delete">
           <div class="del_header"></div>
           <div class="del_main">
@@ -270,7 +293,7 @@
     </div>
     <!-- 修改状态功能弹窗 -->
     <div>
-      <a-modal v-model:visible="editTeacher" :footer="null" :closable="close" wrapClassName="canclestu1" centered="true">
+      <a-modal v-model:visible="editTeacher" :footer="null" :closable="close"  centered="true">
         <div class="delete">
           <div class="del_header"></div>
           <div class="del_main">
@@ -432,8 +455,9 @@ export default {
     const getLevelList = ref([
       // { value: 0, label: "未定级" },
     ])
-    const getLevelLista = () => {
-      getLevel().then((res) => {
+    const changetlevel = (val) => {
+console.log( "讲师体系id" +val);
+      getLevel( {id:val}).then((res) => {
         if (res.data.code === 200) {
           let arr = res.data.data;
           let array = [];
@@ -448,7 +472,7 @@ export default {
         }
       })
     }
-    getLevelLista()
+    changetlevel()
     const OnTheJobStatusList = ref([
       { value: 0, label: "在职" },
       { value: 1, label: "离职" },
@@ -554,7 +578,7 @@ export default {
       else if (state.moreid == 2) {
         state.moreid = 1
         state.searchParam.waitStatus = null
-        state.searchParam.certStatus = null
+        state.searchParam.certStatus = null 
         state.searchParam.payrollPlaceId = null
       }
     }
@@ -563,24 +587,23 @@ export default {
         title: '姓名 ',
         dataIndex: 'name',
         key: 'name',
-        elipsis: true, align: "center",
+        elipsis: true,
         align: "center",
-        width: 120,
+        width: 100,
       },
       {
         title: '工号 ',
         dataIndex: 'userNo',
         key: 'userNo',
-        elipsis: true, align: "center",
+        elipsis: true,
         align: "center",
-        width: 120,
+        width: 100,
       },
       {
         title: '所属组织 ',
         dataIndex: 'departId',
         key: 'departId',
         elipsis: true, align: "center",
-        align: "center",
         width: 400,
         //  customRender: (value, record) => {
         //   return (
@@ -595,16 +618,14 @@ export default {
         dataIndex: 'tsystemName',
         key: 'tsystemName',
         elipsis: true, align: "center",
-        align: "center",
-        width: 120,
+        width: 100,
       },
       {
         title: '级别 ',
         dataIndex: 'tlevelName',
         key: 'tlevelName',
         elipsis: true, align: "center",
-        align: "center",
-        width: 120,
+        width: 100,
       },
       {
         title: '发薪地 ',
@@ -618,14 +639,14 @@ export default {
         dataIndex: 'teaching',
         key: 'teaching',
         elipsis: true, align: "center",
-        width: 120,
+        width: 100,
       },
       {
         title: '在职状态 ',
         dataIndex: 'waitStatus',
         key: 'waitStatus',
         elipsis: true, align: "center",
-        width: 120,
+        width: 100,
         customRender: (value) => {
           return (
             <div>
@@ -644,7 +665,7 @@ export default {
         dataIndex: 'certStatus',
         key: 'certStatus',
         elipsis: true, align: "center",
-        width: 120,
+        width: 100,
         customRender: (value) => {
           return (
             <div>
@@ -663,7 +684,7 @@ export default {
         dataIndex: 'status',
         key: 'status',
         elipsis: true, align: "center",
-        width: 120,
+        width: 100,
         customRender: (value) => {
           return (
             <div>
@@ -682,8 +703,9 @@ export default {
         title: '操作 ',
         dataIndex: 'operation',
         key: 'operation',
-        elipsis: true, align: "center",
+        elipsis: true, 
         width: 300,
+        align: "right",
         scopedSlots: { customRender: "action" },
       },
     ])
@@ -918,7 +940,7 @@ export default {
       LecturerSystemList,
       getLevelList,
       OnTheJobStatusList,
-      getLevelLista,
+      changetlevel,
       PlaceOfPayLista,
       AuthenticationStatusList,
       PlaceOfPayList,
@@ -1032,7 +1054,7 @@ export default {
   height: 100%;
   display: flex;
   flex-direction: column;
-
+position: relative;
   .filter {
     margin-left: 38px;
     margin-right: 38px;
@@ -1053,7 +1075,7 @@ export default {
   box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21);
   border-radius: 4px;
   position: absolute;
-  left: 50%;
+  left: 30%;
   top: 10%;
   // transform: translate(-50%, -50%);
 
diff --git a/src/views/lecturer/InsideTeaching.vue b/src/views/lecturer/InsideTeaching.vue
index 8d5e02fa..5decaa13 100644
--- a/src/views/lecturer/InsideTeaching.vue
+++ b/src/views/lecturer/InsideTeaching.vue
@@ -1,31 +1,6 @@
 <!-- 内部授课页面 -->
 <template>
-  <div >
-    <div class="tableBox ">
-        <a-table :header-cell-style="{ 'text-align': 'center' }" style="border: 1px solid #f2f6fe" :columns="columns"
-        :scroll="{ x: 100 }"
-             :data-source="tableData" 
-             :loading="tableLoading" 
-             @expand="expandTable" 
-             :pagination="false">
-          <template #bodyCell="{ record, column }">
-            <template v-if="column.key === 'operation'">
-              <a-space style="display:flex ;justify-content: space-around;  ">
-                <a-button type="link" @click="() => handleLook(record, String(record.courseform))">查看</a-button>
-                <a-button type="link" @click="() => handleModify(record, String(record.courseform))">修改</a-button>
-                <a-button type="link" @click="() => deleteModal(record, String(record.courseform))">删除</a-button>
-              </a-space>
-            </template>
-          </template>
-        </a-table>
-      </div>
-
-    <div class="tableBox ">
-      <div style="float: right;">
-        <a-pagination v-if="tableDataTotal > 10" :showSizeChanger="true" :hideOnSinglePage="true" :pageSize="pageSize"
-          v-model:current="searchParam.pageNo" :total="tableDataTotal" class="pagination" @change="changePagination" />
-      </div>
-    </div>
+  <div>
     <!-- 搜索框及按钮 -->
     <div class="filter">
       <a-form layout="inline"  style="min-width: 1380px;">
@@ -110,31 +85,36 @@
           <UploadOutlined /> 导出
         </a-button>
       </div>
-    </div>
       <!-- 表格 -->
-      <div class="tableBox ">
-        <a-table :header-cell-style="{ 'text-align': 'center' }" style="border: 1px solid #f2f6fe" :columns="columns"
-        :scroll="{ x: 1300 }"
-             :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>
+      <div style="padding: 10px 0">
+          <a-table :header-cell-style="{ 'text-align': 'center' }" style="border: 1px solid #f2f6fe" :columns="columns"
+          :scroll="{ x: 1500 }"   :data-source="tableData" :loading="tableLoading" @expand="expandTable" :pagination="false">
+            <template #bodyCell="{ record, column }">
+              <template v-if="column.key === 'operation'">
+                <a-space >
+                  <a-button type="link" @click="() => handleLook(record, String(record.courseform))">查看</a-button>
                 <a-button type="link" @click="() => handleModify(record, String(record.courseform))">修改</a-button>
                 <a-button type="link" @click="() => deleteModal(record, String(record.courseform))">删除</a-button>
-              </a-space>
+                  <!-- <a-button type="link" @click="() => deleteModal(record, String(record.courseform))">删除</a-button> -->
+                </a-space>
+              </template>
             </template>
-          </template>
-        </a-table>
-      </div>
-
+          </a-table>
+        </div>
+    </div>
     <div class="tableBox ">
       <div style="float: right;">
-        <a-pagination v-if="tableDataTotal > 10" :showSizeChanger="true" :hideOnSinglePage="true" :pageSize="pageSize"
-          v-model:current="searchParam.pageNo" :total="tableDataTotal" class="pagination" @change="changePagination" />
+          <a-pagination
+          v-if="tableDataTotal > 10"
+        :showSizeChanger="false"
+        :showQuickJumper="true"
+        :hideOnSinglePage="true"
+        :pageSize="searchParam.pageSize"
+        :current="searchParam.pageNo"
+        :total="tableDataTotal"
+        class="pagination"
+        @change="changePagination"
+      />
       </div>
     </div>
     <!-- 弹窗组件 -->
@@ -292,6 +272,15 @@
   </a-descriptions>
   <span class="line"></span>
 <span>讲师费发放情况</span>
+<a-table :header-cell-style="{ 'text-align': 'center' }" style="border: 1px solid #f2f6fe" :columns="column"  :data-source="tableDatas" :loading="tableLoadings" :pagination="false">
+            <template #bodyCell="{ record, column }">
+              <template v-if="column.key === 'operation'">
+                <a-space >
+                  <a-button type="link" @click="() => handleLooka(record, String(record.courseform))">查看</a-button>
+                </a-space>
+              </template>
+            </template>
+          </a-table>
   <div :style="{
         position: 'absolute',
         right: 0,
@@ -323,7 +312,7 @@
               <span>您确定要删除此条记录吗</span>
             </div>
             <div class="del_btnbox">
-              <div class="del_btn btn2" @click="cancelTeachDialog" style="margin-right: 32px">
+              <div class="del_btn btn2" @click="cancelTeacherDialog" style="margin-right: 32px">
                 <div class="btnText">取消</div>
               </div>
               <div class="del_btn btn2" @click="closeDeleteTeacher">
@@ -481,16 +470,8 @@ export default {
     ])
     const columns = ref([
 
-      // {
-      //   title: '课程编号 ',
-      //   dataIndex: 'userNo',
-      //   key: 'userNo',
-      //   elipsis: true, align: "center",
-      //   width: 120,
-      // },
       {
         title: '讲师姓名 ',
-        fixed: 'left',
         dataIndex: 'teacher',
         key: 'teacher',
         elipsis: true, align: "center",
@@ -515,6 +496,7 @@ export default {
         dataIndex: 'orgName',
         key: 'orgName',
         elipsis: true, align: "center",
+        width: 120,
         //  customRender: (value, record) => {
         //   return (
         //     <div>
@@ -634,8 +616,8 @@ export default {
         title: '操作 ',
         dataIndex: 'operation',
         key: 'operation',
-        elipsis: true, align: "center",
-       
+        elipsis: true, align: "right",
+        width: 300,
         fixed: "right",
         scopedSlots: { customRender: "action" },
       },
@@ -725,7 +707,7 @@ export default {
       state.teacherdialog = true;
       state.teacherdialogtitle = '修改授课记录'
       state.lookTeacherId = record.teacherId
-      TeacherSystem()
+      TeacherSystem(records)
     }
     //保存
     const createTeacherDialog = () => {
@@ -776,14 +758,13 @@ export default {
     //清空数据
     const cancel = () => {
       state.formParam = {
-        teacher: null,
-        userNo: null,
-        departId: null,
-        defaultTeachingTime: null,
-        tlevelName: null,
         name: null,
+        departId: null,
+        systemId:null,
+        levelId: null,
+        teacherNo:null,
+        defaultTeachingTime: null,
         beginTime: null,
-        duration: null,
         studys: null,
         score: null,
         type: null,
@@ -804,14 +785,14 @@ export default {
     };
 
     //表格内查看数据操作
-    const handleLook = (record) => {
+    const handleLook = (records) => {
       // state.teacherdialog1 = 1
       state.teachingdialog = true;
       state.teacherdialogtitle = '查看详情'
       // state.userNoid = record.userNo
       state.lookTeacherId = record.teacherId
       // // alert(record.grade)
-      TeacherSystem()
+      TeacherSystem(records)
       // let id = record.userNo
       // router.push({ path: '/insideteachingdetail', query: { id  } })
       // router.push({ path: '/InsideTeachingDetail' })
@@ -820,31 +801,82 @@ export default {
       state.teachingdialog = false;
     }
     //内部授课详情
-    const TeacherSystem = () => {
-      getTeacherCourseList( state.lookTeacherId).then((res) => {
-          console.log("内部授课详情", res.data);
-          state.formParam= res.data.data
-      }) 
-      .catch((err) => {
-          console.log("内部授课详情", err);
-        });
-      // state.formParam = {
-      //   name: record.name,
-      //   userNo: record.userNo,
-      //   orgName:record.orgName,
-      //   departId: record.departId,
-      //   levelId: record.levelId,
-      //   tlevelName: record.tlevelName,
-      //   teacherNo: record.teacherNo,
-      //   beginTime: moment(record.beginTime, 'YYYY-MM-DD'),
-      //   // ref< moment.Moment >(moment(record.beginTime,'YYYY-MM-DD')),
-      //   //  record.beginTime,
-      //   status: record.status,
-      //   defaultTeachingTime: record.defaultTeachingTime,
-      //   studys: record.studys,
-      //   remark: record.remark,
-      // }
+    const TeacherSystem = (records) => {
+      // getTeacherCourseList( state.lookTeacherId).then((res) => {
+      //     console.log("内部授课详情", res.data);
+      //     state.formParam= res.data.data
+      // }) 
+      // .catch((err) => {
+      //     console.log("内部授课详情", err);
+      //   });
+      state.formParam = {
+        name: record.name,
+        departId: record.departId,
+        systemId:record.systemId,
+        levelId: record.levelId,
+        tlevelName: record.tlevelName,
+        teacherNo: record.teacherNo,
+        beginTime: moment(record.beginTime, 'YYYY-MM-DD'),
+        // ref< moment.Moment >(moment(record.beginTime,'YYYY-MM-DD')),
+        //  record.beginTime,
+        status: record.status,
+        defaultTeachingTime: record.defaultTeachingTime,
+        score: record.score,
+        studys: record.studys,
+        remark: record.remark,
+      }
     }
+    const column = ref([  {
+          title: '基准课酬 ',
+          dataIndex: 'teacherlevelPay',
+          key: 'teacherlevelPay',
+        elipsis: true, align: "center",
+          width: 120,
+        },   {
+          title: '计划费用 ',
+          dataIndex: 'expense',
+          key: 'expense',
+        elipsis: true, align: "center",
+          width: 120,
+        },
+        {
+          title: '应发费用(未命名) ',
+          dataIndex: 'expense',
+          key: 'expense',
+        elipsis: true, align: "center",
+          width: 120,
+        },
+        {
+          title: '状态 ',
+          dataIndex: 'status',
+          key: 'status',
+        elipsis: true, align: "center",
+          width: 120,
+          customRender: (value) => {
+            return (
+              <div>
+                {value.record.status == "A10" || value.record.status == "A20" ||value.record.status == "A30" ||value.record.status == "E10"||value.record.status == "S20"
+                  ? {
+                    "A10": "待审核",
+                    "A20": "已提交",
+                    "A30": "审核中",
+                    "E10": "审核打回",
+                    "S20": "审核通过",
+                  }[value.record.status + ""] || ""
+                  : "-"}
+              </div>
+            )
+          }
+        },
+        {
+        title: '操作 ',
+        dataIndex: 'operation',
+        key: 'operation',
+      elipsis: true, align: "right",
+        width: 300,
+        scopedSlots: { customRender: "action" },
+      },
+  ])
     //导出功能
     const handleExport = () => {
       window.open(
@@ -862,6 +894,7 @@ export default {
     }
     return {
       ...toRefs(state),
+      column,
       handlemoreid,
       infoteacherList,
       getinfoteacher,
diff --git a/src/views/lecturer/LecturerApproval.vue b/src/views/lecturer/LecturerApproval.vue
new file mode 100644
index 00000000..4bb4ad6d
--- /dev/null
+++ b/src/views/lecturer/LecturerApproval.vue
@@ -0,0 +1,1218 @@
+<!-- 讲师费审批页面 -->
+<template>
+    <div >
+      <!-- 搜索框及按钮 -->
+      <div class="filter" >
+        <a-form layout="inline" style="min-width: 1380px;">
+          <a-form-item class="select">
+            <!--  v-model:value="searchParam.name" -->
+            <a-input v-model:value="searchParam.userNo" style="width: 276px; height: 40px; border-radius: 8px"
+              placeholder="请输入工号/讲师姓名进行检索" allowClear showSearch>
+            </a-input>
+  
+            <!-- <a-select style="width: 276px" placeholder="请选择所属组织" v-model:value="searchParam.userNo"
+              :options="infoteacherList">
+            </a-select> -->
+          </a-form-item>
+          <a-form-item  class="select">
+            <a-select style="width: 276px" v-model:value="searchParam.trainOrgId" placeholder="培训发生组织"
+              :options="trainOrglist">
+            </a-select>
+          </a-form-item>
+          <a-form-item class="select ">
+            <a-range-picker style="width: 260px; height: 40px; border-radius: 8px" v-model:value="searchdate" separator="至"
+              :placeholder="['      开始时间', '        结束时间']" @change="searchTimeChange" />
+          </a-form-item>
+          <div style="display: flex; margin-bottom: 20px">
+            <a-button @click="searchSubmit()" type="primary" class="resetbtn">查询 </a-button>
+            <!-- <div class="btn btn1" @click="searchReset" style="background:rgba(64, 158, 255, 0);" > -->
+            <!-- <div class="search"></div> -->
+            <a-button class="resetbtn " @click="searchReset">重置</a-button>
+  
+            <!-- 更多筛选-->
+            <div v-if="moreid == 1">
+              <a-button @click="handlemoreid()" class="moreidbtn" type="text"> 展开
+                <RightOutlined />
+              </a-button>
+            </div>
+            <div v-if="moreid == 2">
+              <a-button @click="handlemoreid()" class="moreidbtn"> 返回
+                <UpOutlined />
+              </a-button>
+            </div>
+          </div>
+          <div style="width:100%"></div>
+          <a-form-item class="select" v-if="moreid == 2">
+            <a-select style="width: 230px ;margin-bottom:20px" v-model:value="searchParam.type" placeholder="请选择费用类型(未命名)"
+              :options="PlaceOfPayList">
+            </a-select>
+          </a-form-item>
+          <a-form-item class="select" v-if="moreid == 2">
+            <a-select style="width: 230px ;margin-bottom:20px" v-model:value="searchParam.type" placeholder="请选择课程类型"
+              :options="OnTheJobStatusList">
+            </a-select>
+          </a-form-item>
+          <a-form-item class="select" v-if="moreid == 2">
+            <a-select style="width: 230px ;margin-bottom:20px" v-model:value="searchParam.status" placeholder="请选择状态"
+              :options="AuthenticationStatusList">
+            </a-select>
+          </a-form-item>
+          <a-form-item class="select" v-if="moreid == 2"> 
+            <a-select style="width: 230px ;margin-bottom:20px" placeholder="请选择讲师体系" v-model:value="searchParam.tsystemName"
+              :options="LecturerSystemList">
+            </a-select>
+          </a-form-item>
+          <a-form-item class="select"  v-if="moreid == 2">
+            <a-select style="width: 230px ;margin-bottom:20px" v-model:value="searchParam.tlevelId" placeholder="请选择讲师级别"
+              :options="getLevelList">
+            </a-select>
+          </a-form-item>
+        </a-form>
+        <div style="width: 100%;"></div>
+        <div style="display: flex; margin-bottom: 20px">
+          <a-button @click="handleExport()" class="resetbtn">
+            <UploadOutlined /> 导出
+          </a-button>
+        </div>
+        <!-- 表格 -->
+        <div style="padding: 10px 0">
+          <a-table :header-cell-style="{ 'text-align': 'center' }" style="border: 1px solid #f2f6fe" :columns="columns"
+          :scroll="{ x: 1500 }"   :data-source="tableData" :loading="tableLoading" @expand="expandTable" :pagination="false">
+            <template #bodyCell="{ record, column }">
+              <template v-if="column.key === 'operation'">
+                <a-space >
+                  <a-button type="link" @click="() => handleLook(record, String(record.courseform))">查看</a-button>
+                  <a-button  type="link" @click="() => handleOperate(record, String(record.courseform))">审批</a-button>
+                  <!-- <a-button type="link" @click="() => deleteModal(record, String(record.courseform))">删除</a-button> -->
+                </a-space>
+              </template>
+            </template>
+          </a-table>
+        </div>
+  
+      </div>
+      <div class="tableBox ">
+        <div style="float: right;">
+          <a-pagination
+          v-if="tableDataTotal > 10"
+        :showSizeChanger="false"
+        :showQuickJumper="true"
+        :hideOnSinglePage="true"
+        :pageSize="searchParam.pageSize"
+        :current="searchParam.pageNo"
+        :total="tableDataTotal"
+        class="pagination"
+        @change="changePagination"
+      />
+        </div>
+      </div>
+      <!-- 弹窗组件 -->
+<!--查看讲师费详情 -->
+<a-drawer v-model:visible="teachingdialog" placement="right"
+@closa="cancelTeachingDialog" :maskClosable="true"  width="60%" title="查看讲师费用">
+<span class="line"></span>
+<span>讲师费用详情</span>
+<a-descriptions bordered :column="2" :contentStyle="rowCenter" :labelStyle="rowCenter">
+    <a-descriptions-item label="讲师名称">{{formParam.teacher}}</a-descriptions-item>
+    <a-descriptions-item label="讲师工号">{{formParam.userNo}}</a-descriptions-item>
+    <a-descriptions-item label="讲师组织" :span="2">{{formParam.departId}}</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.teacherpayrollPlace}}</a-descriptions-item>
+    <a-descriptions-item label="费用类型">"费用类型(未命名)"</a-descriptions-item>
+    <a-descriptions-item label="课程类型">{{formParam.type==1?'项目开课' :formParam.type==2 ?'路径开课':formParam.type==3 ?'面授开课':''}}</a-descriptions-item>
+    <a-descriptions-item label="课程名称">{{formParam.name}}</a-descriptions-item>
+    <a-descriptions-item label="授课时长  ">{{formParam.duration}}</a-descriptions-item>
+    <a-descriptions-item label="授课/课程日期  ">{{formParam.beginTime}}</a-descriptions-item>
+    <a-descriptions-item label="参训人数  ">{{formParam.studys}}</a-descriptions-item>
+    <a-descriptions-item label="评分  ">{{formParam.score}}</a-descriptions-item>
+    <a-descriptions-item label="课酬基准  ">{{formParam.teacherlevelPay}}</a-descriptions-item>
+    <a-descriptions-item label="计划费用  ">{{formParam.expense}}</a-descriptions-item>
+    <a-descriptions-item label="应发费用  ">"应发费用(未命名)"</a-descriptions-item>
+
+    <a-descriptions-item label="状态">{{formParam.status=="A10"?'待审核' :formParam.status=="A20"?'已提交':formParam.status== "A30" ?'审核中':formParam.status== "E10" ?'审核打回':formParam.status=="S20"?'审核通过':''}}</a-descriptions-item>
+    <a-descriptions-item label="备注  ">{{formParam.remark}}</a-descriptions-item>
+  </a-descriptions>
+  <span class="line"></span>
+<span>讲师费审批</span>
+<div style="padding: 10px 0">
+          <a-table :header-cell-style="{ 'text-align': 'center' }" style="border: 1px solid #f2f6fe" :columns="columnsa"
+            :data-source="tableDataa" :loading="tableLoading" @expand="expandTable" :pagination="false">
+            <template #bodyCell="{ record, column }">
+            
+            </template>
+          </a-table>
+        </div>
+  <div :style="{
+        position: 'absolute',
+        right: 0,
+        bottom: 0,
+        width: '100%',
+        borderTop: '1px solid #e9e9e9',
+        padding: '10px 16px',
+        background: '#fff',
+        textAlign: 'right',
+        zIndex: 1,
+      }">
+        <a-button  class="drabtn"  @click="cancelTeachingDialog">取消</a-button>
+        <a-button   class="drabtn" type="primary" @click="cancelTeachingDialog" :loading="buttonLoading">返回
+        </a-button>
+      </div>
+</a-drawer>
+       <!-- 修改状态功能弹窗 -->
+       <div>
+        <a-modal v-model:visible="editTeacher" :footer="null" :closable="close" wrapClassName="canclestu1"
+          centered="true">
+          <div class="delete" style="width:500px">
+            <div class="del_header"></div>
+            <div class="del_main">
+              <div class="header">
+                <div class="icon1"></div>
+                <span>提示</span>
+              </div>
+                <a-form style="margin-left:20px; margin-top:10px ">
+                  <a-form-item label="审批" >
+                      <a-radio-group v-model:value="formParamstatues.shenpi">
+                  <a-radio value="0">同意</a-radio>
+                  <a-radio value="1">拒绝</a-radio>
+                </a-radio-group>
+                  </a-form-item>
+                  <a-form-item label="备注">
+                    <a-textarea v-model:value="formParam.remark" 
+                  style="width: 90%; height: 100px; border-radius: 8px ;"  placeholder="一旦拒绝 备注变为必填" />
+                  </a-form-item>
+                </a-form>
+              <div class="del_btnbox">
+                <div class="del_btn btn2" @click="cancelTeachingDialog" style="margin-right: 32px">
+                  <div class="btnText">取消</div>
+                </div>
+                <div class="del_btn btn2" @click="closehandleOperate">
+                  <div class="btnText">确定</div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </a-modal>
+      </div>
+      <!-- <div> <Upload/> </div>         -->
+    </div>
+  </template>
+  <script lang="jsx">
+  import { reactive, toRefs, ref ,watch} from "vue";
+  import { message } from "ant-design-vue";
+  import dayjs from "dayjs";
+  import {
+    RightOutlined,
+    UpOutlined,
+    UploadOutlined,
+    FolderAddOutlined,
+    DownloadOutlined
+  } from '@ant-design/icons-vue';
+  import {getPayRollPlace} from "../../api/Lecturer";
+  import {getTeacherFeeList,getTeacherFeeDetail,addTeacherFee ,updateTeacherFee,updateStatusSubmit,updateStatusWithDraw,getTrainOrg,getTeacherLevel} from "../../api/lecturerFeeManagement";import { getTeacherExpertise,getTeacherSystemList } from "../../api/Lecturer";
+  // lecturerFeeManagement
+  // import {getProjSt} from "../../api/indexProjStu";
+  // import AddTeacher from "../../components/drawers/project/AddTeacher"
+  export default { 
+    name: "LecturerApproval",
+    components: {
+      RightOutlined, //图标--展开
+      UpOutlined,//图标--收起
+      UploadOutlined,//图标--导出
+      DownloadOutlined,//图标-导入
+      FolderAddOutlined,//图标--新增
+    },
+    setup() {
+      const state = reactive({
+        moreid:1,
+        byPid:null,
+        currentPage1: 1,
+        pageSize1: 10,
+        promotionrecordsLoading:false ,  //晋级记录遮罩层
+        teacherrecordsLoading:false,// 授课记录遮罩层
+        tableLoading:false,
+        tagsshow:"1",
+        delTeacherId:null, //删除id确认
+        newStatus:null , //修改状态码确认
+        kid:null,    //内部讲师工号确认 
+        lookTeacherId:null, //内部讲师详情id确认
+        // deleteInTeacherdialog: false, //删除弹窗
+        editTeacher:false ,   //修改状态弹窗
+        handleOperate1:null, //修改状态弹窗内容
+        teacherdialog1: null,
+        teachingdialog: false,  //控制讲师弹窗
+        teacherdialogtitle: '',//讲师弹框title内容
+        pageSizeOptions: ['10', '20', '30', '50'], //下拉选择每页显示多少条
+        pageSize: 10,
+        tableDataTotal: -1,//table列表总条数
+        formParam: {
+          beginTime:null ,
+          defaultTeachingTime:"0",
+        },
+        formParamstatues:{
+          shenpi:'0'
+        },
+        searchParam: {
+          teacherNo:null,
+          tsystemName:null,
+          tlevelId:null,
+          courseType:null,
+          certStatus:null,
+          salaryName:null,
+          payrollPlaceId:null,
+          status:null,
+          pageNo: "1",
+          pageSize: "10",
+          startDate: null,
+          endDate: null,
+        },
+      })
+       // 时间格式转换
+      const   handleDate=()=>{
+      //  state.formParam.beginTime=dayjs(new Date.getTime()).format("YYYY-MM-DD") 
+          
+      }
+      handleDate()
+    //获取内容分类
+    const getTeacherExpertiseList = ref([
+        // { value: 0, label: "未定级" },
+      ])
+      const getTeacherExpertiseLista = () => {
+        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);
+            });
+            getTeacherExpertiseList.value = array;
+          }
+        })
+      }
+      getTeacherExpertiseLista()
+      const lecturerSystemList = ref([
+      ]);
+      ///获取讲师体系列表
+      const LecturerSystemLista =() => {
+        // console.log('点击了LecturerSystemLista')
+        getTeacherSystemList().then((res) => {
+          if (res.data.code === 200) {
+            let arr = res.data.data;
+            let array = [];
+            arr.map((value) => {
+              let obj = {
+                value: value.id,
+                label: value.name,
+              };
+              array.push(obj);
+            });
+            lecturerSystemList.value = array;
+          }
+        })
+      }
+      LecturerSystemLista()
+      const trainOrglist=ref([])
+      //获取培训发生组织
+      const trainOrglista =() => {
+        // console.log('点击了LecturerSystemLista')
+        getTrainOrg().then((res)=>{
+          if (res.data.code === 200) {
+              let arr = res.data.data;
+              let array = [];
+              arr.map((value) => {
+                let obj = {
+                  value: value.trainOrgId,
+                  label: value.trainOrg,
+                };
+                array.push(obj);
+              });
+              lecturerSystemList.value = array;
+            }
+        }) 
+      }
+      trainOrglista()
+      //获取讲师级别
+      const getLevelList = ref([
+      ])
+      const getLevelLista =() => {
+        getTeacherLevel().then((res)=>{
+          if (res.data.code === 200) {
+              let arr = res.data.data;
+              let array = getLevelList.value;
+              arr.map((value) => {
+                let obj = {
+                  value: value.levelId,
+                  label: value.levelName,
+                };
+                array.push(obj);
+              });
+              getLevelList.value = array;
+            }
+        }) 
+      }
+      getLevelLista()
+      //课程类型
+      const OnTheJobStatusList = ref([
+      { value: 1, label: "项目开课" },
+        { value: 2, label: "路径开课" },
+        { value: 3, label: "面授开课" },
+      ])
+      //认证状态
+      const AuthenticationStatusList = ref([
+        { value: 0, label: "未认证" },
+        { value: 1, label: "已认证" },
+      ])
+       //获取讲师发薪地列表
+      const PlaceOfPayList = ref([
+        // { value: 0, label: "发薪地B1" },
+      ])
+       const PlaceOfPayLista =() => {
+        getPayRollPlace().then((res)=>{
+          if (res.data.code === 200) {
+              let arr = res.data.data;
+              let array = [];
+              arr.map((value) => {
+                let obj = {
+                  value: value.id,
+                label: value.name,
+                };
+                array.push(obj);
+              });
+              PlaceOfPayList.value = array;
+            }
+          console.log("获取发薪地", PlaceOfPayList);
+        })
+      }
+      PlaceOfPayLista()
+      //状态
+      const AccountStatusList = ref([
+        { value:"A10", label: "待审核", },
+        { value:"A20", label: "已提交", },
+        { value:"A30", label: "审核中", },
+        { value:"E10", label: "审核打回", },
+        { value:"S20", label: "审核通过", },
+      ])
+      watch(
+      )
+      //切换筛选
+      const handlemoreid=()=>{
+        if(state.moreid==1){
+          state.moreid=2
+        }
+        else if(state.moreid == 2){
+          state.moreid=1
+          state.searchParam.certStatus=null
+          state.searchParam.salaryName=null
+          state.searchParam.payrollPlaceId=null
+          state.searchParam.status=null
+        }
+      }
+         //新增页面内部姓名
+         const infoteacherList = ref([
+      //   { value: 0, systemName: "讲师体系" },
+      ]);
+      const  getinfoteacher = () => {
+        // state.tableLoading=true 
+        // ()
+        //   .then((res) => {
+        //     infoteacherList.value = res.data.data.records
+        // }) 
+      };
+      const columns = ref([
+        {
+          title: '讲师姓名 ',
+          dataIndex: 'teacherName',
+          key: 'teacherName',
+        elipsis: true, align: "center",
+          width: 120,
+        },
+        {
+          title: '讲师工号 ',
+          dataIndex: 'teacherNo',
+          key: 'teacherNo',
+        elipsis: true, align: "center",
+          width: 120,
+        },
+        {
+          title: '课程名称 ',
+          dataIndex: 'courseName',
+          key: 'courseName',
+        elipsis: true, align: "center",
+          width: 120,
+        },
+        {
+          title: '培训发生组织(未命名) ',
+          dataIndex: 'trainOrg',
+          key: 'trainOrg',
+        elipsis: true, align: "center",
+          width: 120,
+        },
+        
+        {
+          title: '授课时长 ',
+          dataIndex: 'teachingTime',
+          key: 'teachingTime',
+        elipsis: true, align: "center",
+          width: 120,
+          
+        },
+        {
+          title: '讲师体系(未命名) ',
+          dataIndex: 'teachingDate',
+          key: 'teachingDate',
+        elipsis: true, align: "center",
+          width: 120,
+        },
+        {
+          title: '讲师级别 ',
+          dataIndex: 'levelName',
+          key: 'levelName',
+        elipsis: true, align: "center",
+          width: 120,
+          // customRender: (value, record) => {
+          //   return (
+          //     <div>
+          //       {value.record.grade == 0 || value.record.grade == 1 || value.record.grade == 2 || value.record.grade == 3
+          //         ? {
+          //           0: "未定级",
+          //           1: "1级",
+          //           2: "2级",
+          //           3: "3级",
+          //         }[value.record.grade + ""] || ""
+          //         : "-"}
+          //     </div>
+          //   )
+          // }
+        },
+        {
+          title: '讲师发薪地 ',
+          dataIndex: 'teacherpayrollPlace',
+          key: 'teacherpayrollPlace',
+        elipsis: true, align: "center",
+          width: 120,
+        },
+        {
+          title: '基准课酬 ',
+          dataIndex: 'teacherlevelPay',
+          key: 'teacherlevelPay',
+        elipsis: true, align: "center",
+          width: 120,
+        },
+        {
+          title: '计划费用 ',
+          dataIndex: 'expense',
+          key: 'expense',
+        elipsis: true, align: "center",
+          width: 120,
+        },
+        {
+          title: '参训人数 ',
+          dataIndex: 'studentNum',
+          key: 'studentNum',
+        elipsis: true, align: "center",
+          width: 120,
+        },
+        {
+          title: '评分 ',
+          dataIndex: 'courseAssess',
+          key: 'courseAssess',
+        elipsis: true, align: "center",
+          width: 120,
+        },
+        {
+          title: '课程类型 ',
+          dataIndex: ' courseType',
+          key: ' courseType',
+        elipsis: true, align: "center",
+          width: 120,
+          customRender: (value) => {
+            return (
+              <div>
+                {value.record. courseType == "1" || value.record. courseType == "2"|| value.record.courseTypeype == "3"
+                  ? {
+                    "1": "项目开课",
+                    "2": "路径开课",
+                    "3": "面授开课",
+                  }[value.record. courseType + ""] || ""
+                  : "-"}
+              </div>
+            )
+          }
+        },
+        {
+          title: '状态 ',
+          dataIndex: 'status',
+          key: 'status',
+        elipsis: true, align: "center",
+          width: 120,
+          customRender: (value) => {
+            return (
+              <div>
+                {value.record.status == "A10" || value.record.status == "A20" ||value.record.status == "A30" ||value.record.status == "E10"||value.record.status == "S20"
+                  ? {
+                    "A10": "待审核",
+                    "A20": "已提交",
+                    "A30": "审核中",
+                    "E10": "审核打回",
+                    "S20": "审核通过",
+                  }[value.record.status + ""] || ""
+                  : "-"}
+              </div>
+            )
+          }
+        },
+        {
+          title: '讲师组织(未命名) ',
+          dataIndex: 'certStatus',
+          key: 'certStatus',
+        elipsis: true, align: "center",
+          width: 120,
+        },
+        {
+          title: '操作 ',
+          dataIndex: 'operation',
+          key: 'operation',
+        elipsis: true, align: "right",
+        fixed: "right",
+          width: 300,
+          scopedSlots: { customRender: "action" },
+        },
+        
+      ])
+      //列表数据
+      const tableData = ref([
+  
+  
+      ])
+      // 搜索
+      const searchSubmit = () => {
+        getTableDate();
+      };
+      //重置
+      const searchReset = () => {
+        state.searchParam = { 
+          teacherNo:null,
+          tsystemName:null,
+          tlevelId:null,
+          courseType: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};
+        objA.startDate= state.searchParam.startDate!==null? dayjs(new Date(state.searchParam.startDate).getTime()).format("YYYY-MM-DD"): "",
+        objA.endDate=state.searchParam.endDate!==null? dayjs(new Date(state.searchParam.endDate).getTime()).format("YYYY-MM-DD"): "",
+        getTeacherFeeList(objA)
+          .then((res) => {
+            tableData.value = res.data.data.records
+            state.tableDataTotal = Number(res.data.data.total);
+            state.tableLoading=false 
+            console.log("获取讲师tableData", tableData);
+        }) 
+      };
+      getTableDate()
+      //   // 翻页
+      const changePagination = (page,pageSize) => {
+        state.searchParam.pageNo = page;
+        state.currentPage1 = page;
+        state.pageSize1 = pageSize;
+        getTableDate();
+      };
+      // 新增讲师
+      const addTeacher = () => {
+        state.teachingdialog = true;
+        state.teacherdialogtitle = '添加讲师费'
+        
+      }
+      //修改讲师费信息弹窗
+      const handleModify = (record) => {
+        state.teacherdialog1 = 0
+        state.teachingdialog = true;
+        state.teacherdialogtitle = '修改信息'
+        state.kid= record.kid
+        TeacherSystem()
+      }
+      //保存
+      const createTeacherDialog = () => {
+        state.formParam.teachingDate= state.formParam.teachingDate!==null? dayjs(new Date(state.formParam.teachingDate).getTime()).format("YYYY-MM-DD"): "",
+        console.log(state.formParam);
+        if (state.formParam.kid != undefined) {
+          updateTeacherFee (state.formParam).then(response => {
+                              message.success("修改成功");
+                          });
+                      }
+        else {
+        addTeacherFee(state.formParam)
+          .then((res) => {
+            message.success("保存成功");
+        }).catch((err) => {
+            console.log(err);
+          });
+         }
+         state.teachingdialog = false;
+         getTableDate();
+      };
+      //删除弹窗
+      // const deleteModal = (record) => {
+      //   state.deleteInTeacherdialog = true
+      //   state.delTeacherId = record.id 
+      // };
+      //修改状态窗口
+      const handleOperate = (record) => {
+        state.handleOperate1=null
+          state.handleOperate1 = record.status
+        state.editTeacher = true
+        state.kid= record.kid
+      };
+      // //确认删除
+      // const closeDeleteTeacher=()=>{
+      //   //调用删除接口
+      //   deleteInTeacher(state.delTeacherId).then((res)=>{
+      //     if(res.data.code == 200 ){
+      //       // message.success("删除成功");
+      //       state.deleteInTeacherdialog = false
+      //       getTableDate();
+      //     }
+      //   })
+      // } 
+      //提交撤回状态
+      const closehandleOperate= ()=>{
+         //调用接口
+         let ids ={
+        kid : state.kid
+      } 
+      console.log( state.handleOperate1)
+      console.log( state.handleOperate1 === 'A10');
+      if ( state.handleOperate1 === 'A10'){
+        updateStatusSubmit(ids).then((res) => {
+              message.success("提交成功");
+              state.editTeacher = false
+             getTableDate();
+             console.log(111);
+          })
+        }
+        else if( state.handleOperate1 === 'A20'){
+          updateStatusWithDraw(ids).then((res) => {
+              message.success("撤回成功");
+              state.editTeacher = false
+             getTableDate();
+          })
+        }
+      }
+      //取消按钮 清空输入的数据
+      const cancelTeachingDialog = () => {
+        if(state.teachingdialog = true )
+        {
+        state.teachingdialog = false
+        cancel()
+       }
+         state.deleteInTeacherdialog = false 
+         state.editTeacher = false 
+         state.tagsshow= 1
+      };
+  
+      //清空数据
+      const cancel = () => {
+        state.formParam ={
+          teacherName:null,
+          userNo:null,
+          teacherOrg:null,
+          systemName:null,
+          courseName:null,
+          trainOrg:null,
+          teachingDate:null,
+          teacherpayrollPlace:null,
+          teachingTime:null,
+          levelName:null,
+          studentNum:null,
+          courseAssess:null,
+          courseType:null,
+          teacherlevelPay:null,
+          expense:null,
+          remark:null,
+        }
+      }
+      //表格内查看数据操作
+      const handleLook = (record) => {
+        state.teachingdialog = true;
+        state.kid= record.kid
+        TeacherSystem()
+      }
+      const tableDataFeeDetail = ref([
+  ])
+      //详情
+      const TeacherSystem=()=>{
+        getTeacherFeeDetail({kid : state.kid}).then((res) => {
+            // state.formParam=Object.assign({} ,res.data.data)
+            state.formParam=res.data.data
+            tableDataFeeDetail.value = res.data.data.records
+        }) 
+        .catch((err) => {
+            console.log("详情", err);
+          });
+      }
+      //二级页面
+      const columnsFeeDetail = ref([
+      {
+          title: '审批人 ',
+          dataIndex: 'teacherName',
+          key: 'teacherName',
+        elipsis: true, align: "center",
+          width: 120,
+        },
+        {
+          title: '审批状态 ',
+          dataIndex: 'status',
+          key: 'status',
+        elipsis: true, align: "center",
+          width: 120,
+          customRender: (value) => {
+            return (
+              <div>
+                {value.record.status == "A10" || value.record.status == "A20" ||value.record.status == "A30" ||value.record.status == "E10"||value.record.status == "S20"
+                  ? {
+                    "A10": "待审核",
+                    "A20": "已提交",
+                    "A30": "审核中",
+                    "E10": "审核打回",
+                    "S20": "审核通过",
+                  }[value.record.status + ""] || ""
+                  : "-"}
+              </div>
+            )
+          }
+        },
+        {
+          title: '审批时间 ',
+          dataIndex: 'teacherName',
+          key: 'teacherName',
+        elipsis: true, align: "center",
+          width: 120,
+        },
+        {
+          title: '备注 ',
+          dataIndex: 'remark',
+          key: 'remark',
+        elipsis: true, align: "center",
+          width: 120,
+        },
+      ])
+      const rules = {
+        name: [{ required: true, message: '讲师不能为空' }],
+        user: [{ required: true, message: '讲师工号不能为空' }],
+        departId: [{ required: true, message: '讲师组织不能为空' }],
+        systemId: [{ required: true, message: '讲师体系不能为空' }],
+        levelId: [{ required: true, message: ' 讲师级别 不能为空' }],
+        payrollPlaceId: [{ required: true, message: '讲师发薪地 不能为空' }],
+        courseName: [{ required: true, message: '费用类型不能为空' }],
+        courseName: [{ required: true, message: '课程名称不能为空' }],
+        beginTime: [{ required: true, message: '授课日期不能为空' }],
+        defaultTeachingTime: [{ required: true, message: ' 授课时长不能为空' }],
+        studys: [{ required: true, message: ' 参训人数不能为空' }],
+        score: [{ required: true, message: ' 评分不能为空' }],
+        score: [{ required: true, message: '课酬基准 不能为空' }],
+        expense: [{ required: true, message: '计划费用不能为空' }],
+  
+      }
+      //导出功能
+      const handleExport = ()=>{
+        window.open (
+          `${process.env.VUE_APP_BASE_API}/teacher/fee/exportTeacherFee?pageNo=${
+            state.currentPage1
+          }&pageSize=${state.pageSize1}&teacherNo=${
+            state.searchParam.teacherNo ? state.searchParam.teacherNo : ""
+          }&tsystemName=${ state.searchParam.tsystemName ?  state.searchParam.tsystemName : ""}&tlevelId=${
+            state.searchParam.tlevelId ? state.searchParam.tlevelId : ""
+          }&courseType=${ state.searchParam.courseType ?  state.searchParam.courseType : ""}&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 : ""}&startDate=${state.searchParam.startDate ?  state.searchParam.startDate : ""}&endDate=${state.searchParam.endDate ?  state.searchParam.endDate : ""}`
+        );
+        // this.download('lesson_records/export', {
+        //           ...state.searchParam
+        //       }, `project_${new Date().getTime()}.xlsx` )
+          }
+      return {
+        ...toRefs(state),
+        rules,handleDate,
+        trainOrglist,
+        trainOrglista,
+        getTeacherExpertiseList,
+        getTeacherExpertiseLista,
+        handlemoreid,
+        handleExport,
+        lecturerSystemList,
+        getLevelList,
+        OnTheJobStatusList,
+        getLevelLista,
+        PlaceOfPayLista,
+        AuthenticationStatusList,
+        PlaceOfPayList,
+        AccountStatusList,
+        searchSubmit,
+        searchReset,
+        columns,
+        columnsFeeDetail,
+        tableData,
+        tableDataFeeDetail,
+        changePagination,
+        addTeacher,
+        cancelTeachingDialog,
+        handleLook,
+        cancel,
+        // deleteModal,
+        handleModify,
+        // closeDeleteTeacher,
+        createTeacherDialog,
+        handleOperate,
+        closehandleOperate,
+         getTableDate, //list接口数据调用
+        // getStu
+        LecturerSystemLista,
+        TeacherSystem,
+        infoteacherList,
+        getinfoteacher,
+      }
+    },
+  };
+  </script>
+<style lang="scss" scoped >
+.select .ant-picker {
+  width: 410px !important;
+}
+
+.addTimeBox {
+  position: relative;
+  display: flex;
+  align-items: center;
+
+  .addTime {
+    position: absolute;
+    z-index: 10;
+    margin-left: 10px;
+    color: rgba(0, 0, 0, 0.4);
+  }
+}
+
+//导出按钮icon
+.daochu {
+  width: 16px;
+  height: 18px;
+  background-image: url("../../assets/images/coursewareManage/export1.png");
+}
+
+//弹窗内详情样式
+.display1 {
+  display: inline-block;
+  width: 200px;
+}
+
+// .display0{
+// display:inline-block ;
+// width:200px ;
+// text-align:center }
+//弹窗内确认取消按钮布局
+.del_btnbox {
+  display: flex;
+  margin: 30px auto;
+  justify-content: center;
+
+  .del_btn {
+    width: 100px;
+    height: 40px;
+    background: rgba(64, 158, 255, 0);
+    border-radius: 8px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex-shrink: 0;
+    cursor: pointer;
+
+    .btnText {
+      font-size: 14px;
+      font-weight: 400;
+      line-height: 40px;
+    }
+  }
+
+  .btn1 {
+    border: 1px solid rgba(64, 158, 255, 1);
+    color: #4ea6ff;
+    margin-right: 14px;
+  }
+
+  .btn2 {
+    background-color: #4ea6ff;
+    color: #ffffff;
+  }
+}
+
+.ant-table-cell-fix-right {
+  width: 300px !important;
+}
+
+.ant-table-tbody>tr>td {
+  text-align: center;
+}
+
+.InsideTeaching {
+  width: 100%;
+  height: 100%;
+
+
+  .filter {
+    margin-left: 38px;
+    margin-right: 38px;
+    margin-top: 30px;
+    display: flex;
+    justify-content: space-between;
+    flex-wrap: wrap;
+
+    .select {
+      margin-right: 20px;
+      margin-bottom: 20px;
+    }
+  }
+}
+
+.delete {
+  z-index: 9999;
+  width: 424px;
+  background: #ffffff;
+  box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21);
+  border-radius: 4px;
+  position: absolute;
+  left: 30%;
+  top: 10%;
+  // transform: translate(-50%, -50%);
+
+  .del_header {
+    position: absolute;
+    width: calc(100%);
+    height: 40px;
+    background: linear-gradient(rgba(78, 166, 255, 0.2) 0%,
+        rgba(78, 166, 255, 0) 100%);
+  }
+
+  .del_main {
+    width: 100%;
+    position: relative;
+
+    .header {
+      display: flex;
+      align-items: center;
+      padding-top: 20px;
+      padding-left: 26px;
+      font-size: 16px;
+
+      .del-icon {
+        width: 16px;
+        height: 16px;
+        margin-right: 10px;
+        background-image: url(@/assets/images/coursewareManage/notice.png);
+        background-size: 100% 100%;
+      }
+
+      .icon {
+        width: 16px;
+        height: 16px;
+        margin-right: 10px;
+        background-image: url(@/assets/images/coursewareManage/QR.png);
+        background-size: 100% 100%;
+      }
+
+      .close_exit {
+        position: absolute;
+        right: 42px;
+        cursor: pointer;
+        width: 20px;
+        height: 20px;
+        background-image: url(@/assets/images/coursewareManage/close.png);
+        background-size: 100% 100%;
+      }
+    }
+
+    .body {
+      width: 100%;
+      margin: 34px auto 56px auto;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+    }
+
+    .del_btnbox {
+      display: flex;
+      margin: 30px auto;
+      justify-content: center;
+
+      .del_btn {
+        width: 100px;
+        height: 40px;
+        background: rgba(64, 158, 255, 0);
+        border-radius: 8px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        margin-right: 14px;
+        flex-shrink: 0;
+        cursor: pointer;
+
+        .btnText {
+          font-size: 14px;
+          font-weight: 400;
+          line-height: 40px;
+        }
+      }
+
+      .btn1 {
+        border: 1px solid rgba(64, 158, 255, 1);
+        color: #4ea6ff;
+      }
+
+      .btn2 {
+        background-color: #4ea6ff;
+        color: #ffffff;
+      }
+    }
+  }
+}
+
+.CreatePath {
+  .out {
+    z-index: 9999;
+    display: block;
+    position: absolute;
+    top: 90px;
+    width: 1080px !important;
+    height: 650px;
+    overflow: auto;
+    background-color: #fff;
+
+    box-shadow: 0 0 10px rgba(118, 136, 166, 0.21);
+    left: 50%;
+    top: 300px;
+    transform: translate(-50%, -50%);
+
+    .top {
+      width: 100%;
+      height: 68px;
+
+      background: linear-gradient(rgba(78, 166, 255, 0.2) 0%,
+          rgba(78, 166, 255, 0) 100%);
+      display: flex;
+      align-items: center;
+
+      .topimg {
+        width: 18px;
+        height: 18px;
+        margin-left: 27px;
+        margin-top: -2px;
+      }
+
+      .topc {
+        color: #000000;
+        font-size: 16px;
+        margin-left: 8px;
+      }
+    }
+
+    .mid {
+      width: 100%;
+      height: 100%;
+      background-color: #fff;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+
+      .d {
+        // margin-top: 8px;
+        // color: #ff4e4e;
+        margin-left: -5px;
+      }
+    }
+  }
+}
+
+//添加样式
+.langbtn {
+  height: 40px;
+  border-radius: 8px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-right: 14px;
+  flex-shrink: 0;
+  cursor: pointer;
+}
+
+// 重置样式
+.resetbtn {
+  width: 100px;
+  height: 40px;
+  border-radius: 8px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-right: 14px;
+  flex-shrink: 0;
+  cursor: pointer;
+}
+
+//展开收起样式
+.moreidbtn {
+  border: none;
+  color: #4ea6ff;
+  width: 80px
+}
+
+//小竖线
+.line {
+  float: left;
+  width: 3px;
+  height: 25px;
+  background: #4ea6ff;
+  border-radius: 30%;
+  margin-right: 5px;
+}
+
+//抽屉功能
+.drawaer
+
+// /* 改变所有 a-tree-select 输入框的高度 */
+//   ::v-deep  .ant-select:not(.ant-select-customize-input) .ant-select-selector{
+//   height: 40px;
+//   line-height: 40px;
+//   border-radius: 8px
+
+//   /* 确保文字垂直居中 */
+// }
+::v-deep .ant-select-single:not(.ant-select-customize-input) .ant-select-selector{
+  height: 40px !important;
+  line-height: 40px;
+  border-radius: 8px
+}
+// 抽屉内样式
+.draitem{
+ width: 100%;
+  height: 40px !important; 
+  border-radius: 8px;
+  line-height: 40px;
+}
+.drabtn{
+  height:40px;
+  width:80px;
+  border-radius:8px;
+  margin-right:20px
+}
+</style>
\ No newline at end of file
diff --git a/src/views/lecturer/LecturerFee.vue b/src/views/lecturer/LecturerFee.vue
new file mode 100644
index 00000000..7f047b83
--- /dev/null
+++ b/src/views/lecturer/LecturerFee.vue
@@ -0,0 +1,1332 @@
+<!-- 讲师费管理页面 -->
+<template>
+    <div >
+      <!-- 搜索框及按钮 -->
+      <div class="filter" >
+        <a-form layout="inline" style="min-width: 1380px;">
+          <a-form-item class="select">
+            <!--  v-model:value="searchParam.name" -->
+            <a-input v-model:value="searchParam.userNo" style="width: 276px; height: 40px; border-radius: 8px"
+              placeholder="请输入工号/讲师姓名进行检索" allowClear showSearch>
+            </a-input>
+  
+            <!-- <a-select style="width: 276px" placeholder="请选择所属组织" v-model:value="searchParam.userNo"
+              :options="infoteacherList">
+            </a-select> -->
+          </a-form-item>
+          <a-form-item  class="select">
+            <a-select style="width: 276px" v-model:value="searchParam.payrollPlaceId" placeholder="发薪地"
+              :options="PlaceOfPayList">
+            </a-select>
+          </a-form-item>
+          <a-form-item class="select ">
+            <a-range-picker style="width: 260px; height: 40px; border-radius: 8px" v-model:value="searchdate" separator="至"
+              :placeholder="['      开始时间', '        结束时间']" @change="searchTimeChange" />
+          </a-form-item>
+          <div style="display: flex; margin-bottom: 20px">
+            <a-button @click="searchSubmit()" type="primary" class="resetbtn">查询 </a-button>
+            <!-- <div class="btn btn1" @click="searchReset" style="background:rgba(64, 158, 255, 0);" > -->
+            <!-- <div class="search"></div> -->
+            <a-button class="resetbtn " @click="searchReset">重置</a-button>
+  
+            <!-- 更多筛选-->
+            <div v-if="moreid == 1">
+              <a-button @click="handlemoreid()" class="moreidbtn" type="text"> 展开
+                <RightOutlined />
+              </a-button>
+            </div>
+            <div v-if="moreid == 2">
+              <a-button @click="handlemoreid()" class="moreidbtn"> 返回
+                <UpOutlined />
+              </a-button>
+            </div>
+          </div>
+          <div style="width:100%"></div>
+          <a-form-item class="select" v-if="moreid == 2">
+            <a-select style="width: 230px ;margin-bottom:20px" v-model:value="searchParam.type" placeholder="请选择费用类型(未命名)"
+              :options="PlaceOfPayList">
+            </a-select>
+          </a-form-item>
+          <a-form-item class="select" v-if="moreid == 2">
+            <a-select style="width: 230px ;margin-bottom:20px" v-model:value="searchParam.type" placeholder="请选择课程类型"
+              :options="OnTheJobStatusList">
+            </a-select>
+          </a-form-item>
+          <a-form-item class="select" v-if="moreid == 2">
+            <a-select style="width: 230px ;margin-bottom:20px" v-model:value="searchParam.status" placeholder="请选择状态"
+              :options="AuthenticationStatusList">
+            </a-select>
+          </a-form-item>
+          <a-form-item class="select" v-if="moreid == 2"> 
+            <a-select style="width: 230px ;margin-bottom:20px" placeholder="请选择讲师体系" v-model:value="searchParam.tsystemName"
+              :options="LecturerSystemList">
+            </a-select>
+          </a-form-item>
+          <a-form-item class="select"  v-if="moreid == 2">
+            <a-select style="width: 230px ;margin-bottom:20px" v-model:value="searchParam.tlevelId" placeholder="请选择讲师级别"
+              :options="getLevelList">
+            </a-select>
+          </a-form-item>
+        </a-form>
+        <div style="width: 100%;"></div>   
+        <div style="display: flex; margin-bottom: 20px">
+          <a-button @click="addTeacher()" type="primary" class="langbtn">
+            <FolderAddOutlined /> 添加费用
+          </a-button>
+          <!-- <div style="margin-left: 20px ;">
+            <a-button @click="addTeacher()" class="langbtn">
+              <UploadOutlined /> 一键生成讲师费
+            </a-button>
+          </div> -->
+          <a-button @click="handleExport()" class="resetbtn">
+            <DownloadOutlined /> 导入
+          </a-button>
+          <a-button @click="handleExport()" class="resetbtn">
+            <UploadOutlined /> 导出
+          </a-button>
+        </div>
+        <!-- 表格 -->
+        <div style="padding: 10px 0">
+          <a-table :header-cell-style="{ 'text-align': 'center' }" style="border: 1px solid #f2f6fe" :columns="columns"
+            :data-source="tableData"  :scroll="{ x: 1500 }" :loading="tableLoading" @expand="expandTable" :pagination="false">
+            <template #bodyCell="{ record, column }">
+              <template v-if="column.key === 'operation'">
+                <a-space >
+                  <a-button type="link" @click="() => handleLook(record, String(record.courseform))">查看</a-button>
+                  <a-button type="link" :disabled="record.status==='A10' || record.status==='E10'  ?false :true"   @click="() => handleModify(record, String(record.courseform))">编辑</a-button>
+                  <a-button :disabled="record.status==='A20' || record.status==='A30'||record.status==='S20'   ?true :false"  type="link" @click="() => handleOperate(record, String(record.courseform))">提交</a-button>
+                  <a-button :disabled="record.status==='A10' && record.status!=='A20' || record.status==='A30'||record.status==='S20' ||record.status==='E10' ?true :false"  type="link" @click="() => handleOperate(record, String(record.courseform))">撤回</a-button>
+                  <!-- <a-button type="link" @click="() => deleteModal(record, String(record.courseform))">删除</a-button> -->
+                </a-space>
+              </template>
+            </template>
+          </a-table>
+        </div>
+  
+      </div>
+      <div class="tableBox ">
+        <div style="float: right;">
+          <a-pagination
+          v-if="tableDataTotal > 10"
+        :showSizeChanger="false"
+        :showQuickJumper="true"
+        :hideOnSinglePage="true"
+        :pageSize="searchParam.pageSize"
+        :current="searchParam.pageNo"
+        :total="tableDataTotal"
+        class="pagination"
+        @change="changePagination"
+      />
+        </div>
+      </div>
+      <!-- 弹窗组件 -->
+      <a-drawer v-model:visible="teacherdialog" placement="right" @closa="cancelTeacherDialog" :maskClosable="true" dropdown-style="drawaer"
+        width="60%" :title="teacherdialogtitle">
+        <a-form :model="formParam" :rules="rules" layout="vertical">
+          <!-- 讲师姓名  name  讲师工号  user-->
+          <a-row :gutter="16">
+            <a-col :span="12">
+              <a-form-item label="讲师名称" name="teacher">
+                <a-tree-select v-model:value="formParam.teacher" tree-data-simple-mode
+                class="draitem"
+                  :dropdown-style="{ maxHeight: '400px', overflow: 'auto' }" :tree-data="treeData" placeholder="请输入讲师名称" />
+              </a-form-item>
+            </a-col>
+            <a-col :span="12">
+              <a-form-item label="讲师工号" name="user">
+                <a-input class="draitem"  v-model:value="searchParam.user"  disabled
+                  placeholder="请输入后讲师工号" allowClear showSearch> 
+                </a-input>
+              </a-form-item>
+            </a-col>
+          </a-row>
+          <!--  讲师组织  departId 讲师体系  systemId   -->
+          <a-row :gutter="16">
+            <a-col :span="12">
+              <a-form-item label="讲师组织" name="departId">
+                <a-popover title="讲师组织">
+                  <template #content>
+                    {{ formParam.departId }}
+                  </template>
+                  <a-input disabled v-model:value="formParam.departId" class="draitem"
+                    placeholder="自动带出讲师的组织,展示主要部分,鼠标浮上去展示所有" allowClear showSearch>
+                  </a-input>
+                </a-popover>
+              </a-form-item>
+            </a-col>
+            <a-col :span="12">
+              <a-form-item label="讲师体系" name="systemId">
+                <a-select disabled  class="draitem" v-model:value="formParam.systemId" placeholder="请选择讲师体系"
+                  :options="LecturerSystemList">
+                </a-select>
+              </a-form-item>
+            </a-col>
+          </a-row>
+          <!-- 讲师级别 levelId   讲师发薪地  payrollPlaceId-->
+          <a-row :gutter="16">
+            <a-col :span="12">
+              <a-form-item label="讲师级别"  name="levelId">
+                <a-select disabled class="draitem" v-model:value="formParam.levelId" placeholder="请选择讲师级别"
+                  :options="getLevelList">
+                </a-select>
+              </a-form-item>
+            </a-col>
+            <a-col :span="12">
+              <a-form-item label="讲师发薪地"  name="payrollPlaceId ">
+            <a-select  v-model:value="formParam.payrollPlaceId" placeholder="发薪地"
+              :options="PlaceOfPayList">
+            </a-select>
+            </a-form-item>
+            </a-col>
+          </a-row>
+          <!-- 费用类型  课程名称 courseName-->
+          <a-row :gutter="16">
+            <a-col :span="12">
+              <a-form-item label="费用类型(未命名)"  name="levelId">
+                <a-select disabled class="draitem" v-model:value="formParam.levelId" placeholder="请选择费用类型"
+                  :options="getLevelList">
+                </a-select>
+              </a-form-item>
+            </a-col>
+            <a-col :span="12">
+              <a-form-item label="课程名称"  name=" courseName ">
+                <a-radio-group v-model:value="formParam.courseName">
+                  <a-radio :value="0">面授课</a-radio>
+                  <a-radio :value="1">在线课</a-radio>
+                </a-radio-group>
+                <a-select  class="draitem" v-model:value="formParam.levelId" placeholder="请选择输入或选择面授课(未命名)" style="width:63%"
+                  :options="getLevelList">
+                </a-select>
+            </a-form-item>
+            </a-col>
+          </a-row>
+          <!-- 授课日期 beginTime   授课时长  defaultTeachingTime -->
+          <a-row :gutter="16">
+            <a-col :span="12">
+              <a-form-item label="授课/课程日期 :" name="beginTime">
+                <a-input v-model:value="formParam.beginTime" disabled placeholder="">
+                </a-input>
+              </a-form-item>
+            </a-col>
+            <a-col :span="12">
+              <a-form-item label="初始授课时长" name="defaultTeachingTime">
+                <a-input v-model:value="formParam.defaultTeachingTime" style="width:80%; height: 40px; " placeholder="0"
+                  allowClear showSearch suffix="分钟">
+                </a-input>
+                <span  style="margin-left: 5px ;">{{ (formParam.defaultTeachingTime /60 ).toFixed(2)}}小时</span>
+              </a-form-item>
+            </a-col>
+          </a-row>
+          <!-- 参训人数  studys  评分 score  -->
+          <a-row :gutter="16">
+            <a-col :span="12">
+              <a-form-item label="参训人数" name="studys">
+                <a-input  v-model:value="formParam.studys" class="draitem"
+                  placeholder="0 " allowClear showSearch disabled >
+                </a-input>
+              </a-form-item>
+            </a-col>
+            <a-col :span="12">
+              <a-form-item label="评分" name="score">
+                <a-input class="draitem" v-model:value="formParam.score"  placeholder="" allowClear
+                  showSearch disabled>
+                </a-input>
+              </a-form-item>
+            </a-col>
+          </a-row>
+          <!-- 课酬基准     计划费用  expense-->
+          <a-row :gutter="16">
+            <a-col :span="12">
+              <a-form-item label="课酬基准" name="teacherlevelPay">
+                <a-input v-model:value="formParam.teacherlevelPay" placeholder="可手动更改"
+                  allowClear showSearch >
+                </a-input>
+              </a-form-item>
+            </a-col>
+            <a-col :span="12">
+              <a-form-item label="计划费用" name="expense">
+                <a-input class="draitem" v-model:value="formParam.expense"  placeholder="" allowClear disabled 
+                  showSearch>
+                  {{ defaultTeachingTime * expense}}
+                </a-input>
+              </a-form-item>
+            </a-col>
+          </a-row>
+           <!-- 应发费用 -->
+           <a-row :gutter="16">
+            <a-col :span="24">
+              <a-form-item label="应发费用(未命名)" name="studys">
+                <a-input  v-model:value="formParam.studys" class="draitem"
+                  placeholder="0 " allowClear showSearch>
+                </a-input>
+              </a-form-item>
+            </a-col>
+          </a-row>
+            <!-- 备注 remark -->
+            <a-row :gutter="16">
+            <a-col :span="24">
+              <a-form-item label="备注">
+                <a-textarea v-model:value="formParam.remark" showCount :maxlength="200"
+                  style="width: 100%; height: 100px; border-radius: 8px ;margin-bottom:50px" placeholder="请输入" />
+              </a-form-item>
+            </a-col>
+          </a-row>
+          </a-form>
+          <div :style="{
+          position: 'absolute',
+          right: 0,
+          bottom: 0,
+          width: '100%',
+          borderTop: '1px solid #e9e9e9',
+          padding: '10px 16px',
+          background: '#fff',
+          textAlign: 'right',
+          zIndex: 1,
+        }">
+          <a-button  class="drabtn"  @click="cancelTeacherDialog">取消</a-button>
+          <a-button   class="drabtn" type="primary" @click="createTeacherDialog" :loading="buttonLoading">保存
+          </a-button>
+        </div>
+      </a-drawer>
+       <!-- 修改状态功能弹窗 -->
+       <div>
+        <a-modal v-model:visible="editTeacher" :footer="null" :closable="close" wrapClassName="canclestu1"
+          centered="true">
+          <div class="delete">
+            <div class="del_header"></div>
+            <div class="del_main">
+              <div class="header">
+                <div class="icon1"></div>
+                <span>提示</span>
+              </div>
+              <div class="body">
+                <span v-if="handleOperate1== 'A10' ||handleOperate1== 'E10' ">您确定要提交此信息吗</span>
+                <span v-if="handleOperate1== 'A20'">您确定要撤回此信息吗</span>
+              </div>
+              <div class="del_btnbox">
+                <div class="del_btn btn2" @click="cancelTeacherDialog" style="margin-right: 32px">
+                  <div class="btnText">取消</div>
+                </div>
+                <div class="del_btn btn2" @click="closehandleOperate">
+                  <div class="btnText">确定</div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </a-modal>
+      </div>
+      <!-- <div> <Upload/> </div>         -->
+    </div>
+  </template>
+  <script lang="jsx">
+  import { reactive, toRefs, ref ,watch} from "vue";
+  import { message } from "ant-design-vue";
+  import dayjs from "dayjs";
+  import {
+    RightOutlined,
+    UpOutlined,
+    UploadOutlined,
+    FolderAddOutlined,
+    DownloadOutlined
+  } from '@ant-design/icons-vue';
+  import {getPayRollPlace} from "../../api/Lecturer";
+  import {getTeacherFeeList,getTeacherFeeDetail,addTeacherFee ,updateTeacherFee,updateStatusSubmit,updateStatusWithDraw,getTrainOrg,getTeacherLevel} from "../../api/lecturerFeeManagement";import { getTeacherExpertise,getTeacherSystemList } from "../../api/Lecturer";
+  // lecturerFeeManagement
+  // import {getProjSt} from "../../api/indexProjStu";
+  // import AddTeacher from "../../components/drawers/project/AddTeacher"
+  export default { 
+    name: "LecturerFee",
+    components: {
+      RightOutlined, //图标--展开
+      UpOutlined,//图标--收起
+      UploadOutlined,//图标--导出
+      DownloadOutlined,//图标-导入
+      FolderAddOutlined,//图标--新增
+    },
+    setup() {
+      const state = reactive({
+        moreid:1,
+        byPid:null,
+        currentPage1: 1,
+        pageSize1: 10,
+        promotionrecordsLoading:false ,  //晋级记录遮罩层
+        teacherrecordsLoading:false,// 授课记录遮罩层
+        tableLoading:false,
+        tagsshow:"1",
+        delTeacherId:null, //删除id确认
+        newStatus:null , //修改状态码确认
+        kid:null,    //内部讲师工号确认 
+        lookTeacherId:null, //内部讲师详情id确认
+        // deleteInTeacherdialog: false, //删除弹窗
+        editTeacher:false ,   //修改状态弹窗
+        handleOperate1:null, //修改状态弹窗内容
+        teacherdialog1: null,
+        teacherdialog: false,  //控制讲师弹窗
+        teacherdialogtitle: '',//讲师弹框title内容
+        pageSizeOptions: ['10', '20', '30', '50'], //下拉选择每页显示多少条
+        pageSize: 10,
+        tableDataTotal: -1,//table列表总条数
+        formParam: {
+          beginTime:null ,
+          defaultTeachingTime:"0",
+        },
+        searchParam: {
+          teacherNo:null,
+          tsystemName:null,
+          tlevelId:null,
+          courseType:null,
+          certStatus:null,
+          salaryName:null,
+          payrollPlaceId:null,
+          status:null,
+          pageNo: "1",
+          pageSize: "10",
+          startDate: null,
+          endDate: null,
+        },
+      })
+       // 时间格式转换
+      const   handleDate=()=>{
+      //  state.formParam.beginTime=dayjs(new Date.getTime()).format("YYYY-MM-DD") 
+          
+      }
+      handleDate()
+    //获取内容分类
+    const getTeacherExpertiseList = ref([
+        // { value: 0, label: "未定级" },
+      ])
+      const getTeacherExpertiseLista = () => {
+        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);
+            });
+            getTeacherExpertiseList.value = array;
+          }
+        })
+      }
+      getTeacherExpertiseLista()
+      const lecturerSystemList = ref([
+      ]);
+      ///获取讲师体系列表
+      const LecturerSystemLista =() => {
+        // console.log('点击了LecturerSystemLista')
+        getTeacherSystemList().then((res) => {
+          if (res.data.code === 200) {
+            let arr = res.data.data;
+            let array = [];
+            arr.map((value) => {
+              let obj = {
+                value: value.id,
+                label: value.name,
+              };
+              array.push(obj);
+            });
+            lecturerSystemList.value = array;
+          }
+        })
+      }
+      LecturerSystemLista()
+      const trainOrglist=ref([])
+      //获取培训发生组织
+      const trainOrglista =() => {
+        // console.log('点击了LecturerSystemLista')
+        getTrainOrg().then((res)=>{
+          if (res.data.code === 200) {
+              let arr = res.data.data;
+              let array = [];
+              arr.map((value) => {
+                let obj = {
+                  value: value.trainOrgId,
+                  label: value.trainOrg,
+                };
+                array.push(obj);
+              });
+              lecturerSystemList.value = array;
+            }
+        }) 
+      }
+      trainOrglista()
+      //获取讲师级别
+      const getLevelList = ref([
+      ])
+      const getLevelLista =() => {
+        getTeacherLevel().then((res)=>{
+          if (res.data.code === 200) {
+              let arr = res.data.data;
+              let array = getLevelList.value;
+              arr.map((value) => {
+                let obj = {
+                  value: value.levelId,
+                  label: value.levelName,
+                };
+                array.push(obj);
+              });
+              getLevelList.value = array;
+            }
+        }) 
+      }
+      getLevelLista()
+      //课程类型
+      const OnTheJobStatusList = ref([
+      { value: 1, label: "项目开课" },
+        { value: 2, label: "路径开课" },
+        { value: 3, label: "面授开课" },
+      ])
+      //认证状态
+      const AuthenticationStatusList = ref([
+        { value: 0, label: "未认证" },
+        { value: 1, label: "已认证" },
+      ])
+       //获取讲师发薪地列表
+      const PlaceOfPayList = ref([
+        // { value: 0, label: "发薪地B1" },
+      ])
+       const PlaceOfPayLista =() => {
+        getPayRollPlace().then((res)=>{
+          if (res.data.code === 200) {
+              let arr = res.data.data;
+              let array = [];
+              arr.map((value) => {
+                let obj = {
+                  value: value.id,
+                label: value.name,
+                };
+                array.push(obj);
+              });
+              PlaceOfPayList.value = array;
+            }
+          console.log("获取发薪地", PlaceOfPayList);
+        })
+      }
+      PlaceOfPayLista()
+      //状态
+      const AccountStatusList = ref([
+        { value:"A10", label: "待审核", },
+        { value:"A20", label: "已提交", },
+        { value:"A30", label: "审核中", },
+        { value:"E10", label: "审核打回", },
+        { value:"S20", label: "审核通过", },
+      ])
+      watch(
+      )
+      //切换筛选
+      const handlemoreid=()=>{
+        if(state.moreid==1){
+          state.moreid=2
+        }
+        else if(state.moreid == 2){
+          state.moreid=1
+          state.searchParam.certStatus=null
+          state.searchParam.salaryName=null
+          state.searchParam.payrollPlaceId=null
+          state.searchParam.status=null
+        }
+      }
+         //新增页面内部姓名
+         const infoteacherList = ref([
+      //   { value: 0, systemName: "讲师体系" },
+      ]);
+      const  getinfoteacher = () => {
+        // state.tableLoading=true 
+        // ()
+        //   .then((res) => {
+        //     infoteacherList.value = res.data.data.records
+        // }) 
+      };
+      const columns = ref([
+        {
+          title: '讲师姓名 ',
+          dataIndex: 'teacherName',
+          key: 'teacherName',
+        elipsis: true, align: "center",
+          width: 120,
+        },
+        {
+          title: '讲师工号 ',
+          dataIndex: 'teacherNo',
+          key: 'teacherNo',
+        elipsis: true, align: "center",
+          width: 120,
+        },
+        {
+          title: '课程名称 ',
+          dataIndex: 'courseName',
+          key: 'courseName',
+        elipsis: true, align: "center",
+          width: 120,
+        },
+        {
+          title: '培训发生组织(未命名) ',
+          dataIndex: 'trainOrg',
+          key: 'trainOrg',
+        elipsis: true, align: "center",
+          width: 120,
+        },
+        
+        {
+          title: '授课时长 ',
+          dataIndex: 'teachingTime',
+          key: 'teachingTime',
+        elipsis: true, align: "center",
+          width: 120,
+          
+        },
+        {
+          title: '讲师体系(未命名) ',
+          dataIndex: 'teachingDate',
+          key: 'teachingDate',
+        elipsis: true, align: "center",
+          width: 120,
+        },
+        {
+          title: '讲师级别 ',
+          dataIndex: 'levelName',
+          key: 'levelName',
+        elipsis: true, align: "center",
+          width: 120,
+          // customRender: (value, record) => {
+          //   return (
+          //     <div>
+          //       {value.record.grade == 0 || value.record.grade == 1 || value.record.grade == 2 || value.record.grade == 3
+          //         ? {
+          //           0: "未定级",
+          //           1: "1级",
+          //           2: "2级",
+          //           3: "3级",
+          //         }[value.record.grade + ""] || ""
+          //         : "-"}
+          //     </div>
+          //   )
+          // }
+        },
+        {
+          title: '讲师发薪地 ',
+          dataIndex: 'teacherpayrollPlace',
+          key: 'teacherpayrollPlace',
+        elipsis: true, align: "center",
+          width: 120,
+        },
+        {
+          title: '基准课酬 ',
+          dataIndex: 'teacherlevelPay',
+          key: 'teacherlevelPay',
+        elipsis: true, align: "center",
+          width: 120,
+        },
+        {
+          title: '计划费用 ',
+          dataIndex: 'expense',
+          key: 'expense',
+        elipsis: true, align: "center",
+          width: 120,
+        },
+        {
+          title: '参训人数 ',
+          dataIndex: 'studentNum',
+          key: 'studentNum',
+        elipsis: true, align: "center",
+          width: 120,
+        },
+        {
+          title: '评分 ',
+          dataIndex: 'courseAssess',
+          key: 'courseAssess',
+        elipsis: true, align: "center",
+          width: 120,
+        },
+        {
+          title: '课程类型 ',
+          dataIndex: ' courseType',
+          key: ' courseType',
+        elipsis: true, align: "center",
+          width: 120,
+          customRender: (value) => {
+            return (
+              <div>
+                {value.record. courseType == "1" || value.record. courseType == "2"|| value.record.courseTypeype == "3"
+                  ? {
+                    "1": "项目开课",
+                    "2": "路径开课",
+                    "3": "面授开课",
+                  }[value.record. courseType + ""] || ""
+                  : "-"}
+              </div>
+            )
+          }
+        },
+        {
+          title: '状态 ',
+          dataIndex: 'status',
+          key: 'status',
+        elipsis: true, align: "center",
+          width: 120,
+          customRender: (value) => {
+            return (
+              <div>
+                {value.record.status == "A10" || value.record.status == "A20" ||value.record.status == "A30" ||value.record.status == "E10"||value.record.status == "S20"
+                  ? {
+                    "A10": "待审核",
+                    "A20": "已提交",
+                    "A30": "审核中",
+                    "E10": "审核打回",
+                    "S20": "审核通过",
+                  }[value.record.status + ""] || ""
+                  : "-"}
+              </div>
+            )
+          }
+        },
+        {
+          title: '讲师组织(未命名) ',
+          dataIndex: 'certStatus',
+          key: 'certStatus',
+        elipsis: true, align: "center",
+          width: 120,
+        },
+        {
+        title: '操作 ',
+        dataIndex: 'operation',
+        key: 'operation',
+      elipsis: true, align: "right",
+      fixed: "right",
+        width: 300,
+        scopedSlots: { customRender: "action" },
+      },
+        
+      ])
+      //列表数据
+      const tableData = ref([
+  
+  
+      ])
+      // 搜索
+      const searchSubmit = () => {
+        getTableDate();
+      };
+      //重置
+      const searchReset = () => {
+        state.searchParam = { 
+          teacherNo:null,
+          tsystemName:null,
+          tlevelId:null,
+          courseType: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};
+        objA.startDate= state.searchParam.startDate!==null? dayjs(new Date(state.searchParam.startDate).getTime()).format("YYYY-MM-DD"): "",
+        objA.endDate=state.searchParam.endDate!==null? dayjs(new Date(state.searchParam.endDate).getTime()).format("YYYY-MM-DD"): "",
+        getTeacherFeeList(objA)
+          .then((res) => {
+            tableData.value = res.data.data.records
+            state.tableDataTotal = Number(res.data.data.total);
+            state.tableLoading=false 
+            console.log("获取讲师tableData", tableData);
+        }) 
+      };
+      getTableDate()
+      //   // 翻页
+      const changePagination = (page,pageSize) => {
+        state.searchParam.pageNo = page;
+        state.currentPage1 = page;
+        state.pageSize1 = pageSize;
+        getTableDate();
+      };
+      // 新增讲师
+      const addTeacher = () => {
+        state.teacherdialog = true;
+        state.teacherdialogtitle = '添加讲师费'
+        
+      }
+      //修改讲师费信息弹窗
+      const handleModify = (record) => {
+        state.teacherdialog = true;
+        state.teacherdialogtitle = '修改信息'
+        state.kid= record.kid
+        TeacherSystem()
+      }
+      //保存
+      const createTeacherDialog = () => {
+        state.formParam.teachingDate= state.formParam.teachingDate!==null? dayjs(new Date(state.formParam.teachingDate).getTime()).format("YYYY-MM-DD"): "",
+        console.log(state.formParam);
+        if (state.formParam.kid != undefined) {
+          updateTeacherFee (state.formParam).then(response => {
+                              message.success("修改成功");
+                          });
+                      }
+        else {
+        addTeacherFee(state.formParam)
+          .then((res) => {
+            message.success("保存成功");
+        }).catch((err) => {
+            console.log(err);
+          });
+         }
+         state.teacherdialog = false;
+         getTableDate();
+      };
+      //删除弹窗
+      // const deleteModal = (record) => {
+      //   state.deleteInTeacherdialog = true
+      //   state.delTeacherId = record.id 
+      // };
+      //修改状态窗口
+      const handleOperate = (record) => {
+        state.handleOperate1=null
+          state.handleOperate1 = record.status
+        state.editTeacher = true
+        state.kid= record.kid
+      };
+      // //确认删除
+      // const closeDeleteTeacher=()=>{
+      //   //调用删除接口
+      //   deleteInTeacher(state.delTeacherId).then((res)=>{
+      //     if(res.data.code == 200 ){
+      //       // message.success("删除成功");
+      //       state.deleteInTeacherdialog = false
+      //       getTableDate();
+      //     }
+      //   })
+      // } 
+      //提交撤回状态
+      const closehandleOperate= ()=>{
+         //调用接口
+         let ids ={
+        kid : state.kid
+      } 
+      console.log( state.handleOperate1)
+      console.log( state.handleOperate1 === 'A10');
+      if ( state.handleOperate1 === 'A10'){
+        updateStatusSubmit(ids).then((res) => {
+              message.success("提交成功");
+              state.editTeacher = false
+             getTableDate();
+             console.log(111);
+          })
+        }
+        else if( state.handleOperate1 === 'A20'){
+          updateStatusWithDraw(ids).then((res) => {
+              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
+      };
+  
+      //清空数据
+      const cancel = () => {
+        state.formParam ={
+          teacherName:null,
+          userNo:null,
+          teacherOrg:null,
+          systemName:null,
+          courseName:null,
+          trainOrg:null,
+          teachingDate:null,
+          teacherpayrollPlace:null,
+          teachingTime:null,
+          levelName:null,
+          studentNum:null,
+          courseAssess:null,
+          courseType:null,
+          teacherlevelPay:null,
+          expense:null,
+          remark:null,
+        }
+      }
+      //表格内查看数据操作
+      const handleLook = (record) => {
+        state.teacherdialog = true;
+        state.teacherdialogtitle = '查看详情'
+        state.kid= record.kid
+        // alert(record.grade)
+        TeacherSystem()
+        // getteacherrecordstableData ()
+      }
+      //详情
+      const TeacherSystem=()=>{
+        getTeacherFeeDetail({kid : state.kid}).then((res) => {
+            // state.formParam=Object.assign({} ,res.data.data)
+            state.formParam=res.data.data
+            // tableDataFeeDetail.value = res.data.data.records
+        }) 
+        .catch((err) => {
+            console.log("详情", err);
+          });
+      }
+      //二级页面
+      const columnsFeeDetail = ref([
+        { 
+          title: '时间',
+          dataIndex: 'updatedAt',
+          key: 'updatedAt',
+        elipsis: true, align: "center",
+          width: 150,
+        } ,
+        { 
+          title: '操作人 ',
+          dataIndex: 'updatedBy',
+          key: 'updatedBy9',
+        elipsis: true, align: "center",
+          width: 150,
+        } ,
+        {
+          title: '操作 ',
+          dataIndex: 'status',
+          key: 'status',
+        elipsis: true, align: "center",
+          width: 150,
+          customRender: (value) => {
+            return (
+              <div>
+                {value.record.status == "A10" || value.record.status == "A20"
+                  ? {
+                    "A10": "已提交",
+                    "A20": "待审核",
+                  }[value.record.status + ""] || ""
+                  : "-"}
+              </div>
+            )
+          }
+        },
+        { 
+          title: '备注 ',
+          dataIndex: 'teacherName',
+          key: 'teacherName',
+        elipsis: true, align: "center",
+          width: 150,
+        } ,
+      ])
+      const rules = {
+        name: [{ required: true, message: '讲师不能为空' }],
+        user: [{ required: true, message: '讲师工号不能为空' }],
+        departId: [{ required: true, message: '讲师组织不能为空' }],
+        systemId: [{ required: true, message: '讲师体系不能为空' }],
+        levelId: [{ required: true, message: ' 讲师级别 不能为空' }],
+        payrollPlaceId: [{ required: true, message: '讲师发薪地 不能为空' }],
+        courseName: [{ required: true, message: '费用类型不能为空' }],
+        courseName: [{ required: true, message: '课程名称不能为空' }],
+        beginTime: [{ required: true, message: '授课日期不能为空' }],
+        defaultTeachingTime: [{ required: true, message: ' 授课时长不能为空' }],
+        studys: [{ required: true, message: ' 参训人数不能为空' }],
+        score: [{ required: true, message: ' 评分不能为空' }],
+        score: [{ required: true, message: '课酬基准 不能为空' }],
+        expense: [{ required: true, message: '计划费用不能为空' }],
+  
+      }
+      //导出功能
+      const handleExport = ()=>{
+        window.open (
+          `${process.env.VUE_APP_BASE_API}/teacher/fee/exportTeacherFee?pageNo=${
+            state.currentPage1
+          }&pageSize=${state.pageSize1}&teacherNo=${
+            state.searchParam.teacherNo ? state.searchParam.teacherNo : ""
+          }&tsystemName=${ state.searchParam.tsystemName ?  state.searchParam.tsystemName : ""}&tlevelId=${
+            state.searchParam.tlevelId ? state.searchParam.tlevelId : ""
+          }&courseType=${ state.searchParam.courseType ?  state.searchParam.courseType : ""}&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 : ""}&startDate=${state.searchParam.startDate ?  state.searchParam.startDate : ""}&endDate=${state.searchParam.endDate ?  state.searchParam.endDate : ""}`
+        );
+        // this.download('lesson_records/export', {
+        //           ...state.searchParam
+        //       }, `project_${new Date().getTime()}.xlsx` )
+          }
+      return {
+        ...toRefs(state),
+        rules,handleDate,
+        trainOrglist,
+        trainOrglista,
+        getTeacherExpertiseList,
+        getTeacherExpertiseLista,
+        handlemoreid,
+        handleExport,
+        lecturerSystemList,
+        getLevelList,
+        OnTheJobStatusList,
+        getLevelLista,
+        PlaceOfPayLista,
+        AuthenticationStatusList,
+        PlaceOfPayList,
+        AccountStatusList,
+        searchSubmit,
+        searchReset,
+        columns,
+        columnsFeeDetail,
+        tableData,
+        changePagination,
+        addTeacher,
+        cancelTeacherDialog,
+        handleLook,
+        cancel,
+        // deleteModal,
+        handleModify,
+        // closeDeleteTeacher,
+        createTeacherDialog,
+        handleOperate,
+        closehandleOperate,
+         getTableDate, //list接口数据调用
+        // getStu
+        LecturerSystemLista,
+        TeacherSystem,
+        infoteacherList,
+        getinfoteacher,
+      }
+    },
+  };
+  </script>
+<style lang="scss" scoped >
+.select .ant-picker {
+  width: 410px !important;
+}
+
+.addTimeBox {
+  position: relative;
+  display: flex;
+  align-items: center;
+
+  .addTime {
+    position: absolute;
+    z-index: 10;
+    margin-left: 10px;
+    color: rgba(0, 0, 0, 0.4);
+  }
+}
+
+//导出按钮icon
+.daochu {
+  width: 16px;
+  height: 18px;
+  background-image: url("../../assets/images/coursewareManage/export1.png");
+}
+
+//弹窗内详情样式
+.display1 {
+  display: inline-block;
+  width: 200px;
+}
+
+// .display0{
+// display:inline-block ;
+// width:200px ;
+// text-align:center }
+//弹窗内确认取消按钮布局
+.del_btnbox {
+  display: flex;
+  margin: 30px auto;
+  justify-content: center;
+
+  .del_btn {
+    width: 100px;
+    height: 40px;
+    background: rgba(64, 158, 255, 0);
+    border-radius: 8px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex-shrink: 0;
+    cursor: pointer;
+
+    .btnText {
+      font-size: 14px;
+      font-weight: 400;
+      line-height: 40px;
+    }
+  }
+
+  .btn1 {
+    border: 1px solid rgba(64, 158, 255, 1);
+    color: #4ea6ff;
+    margin-right: 14px;
+  }
+
+  .btn2 {
+    background-color: #4ea6ff;
+    color: #ffffff;
+  }
+}
+
+.ant-table-cell-fix-right {
+  width: 300px !important;
+}
+
+.ant-table-tbody>tr>td {
+  text-align: center;
+}
+
+.InsideTeaching {
+  width: 100%;
+  height: 100%;
+
+
+  .filter {
+    margin-left: 38px;
+    margin-right: 38px;
+    margin-top: 30px;
+    display: flex;
+    justify-content: space-between;
+    flex-wrap: wrap;
+
+    .select {
+      margin-right: 20px;
+      margin-bottom: 20px;
+    }
+  }
+}
+
+.delete {
+  z-index: 9999;
+  width: 424px;
+  background: #ffffff;
+  box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21);
+  border-radius: 4px;
+  position: absolute;
+  left: 30%;
+  top: 10%;
+  // transform: translate(-50%, -50%);
+
+  .del_header {
+    position: absolute;
+    width: calc(100%);
+    height: 40px;
+    background: linear-gradient(rgba(78, 166, 255, 0.2) 0%,
+        rgba(78, 166, 255, 0) 100%);
+  }
+
+  .del_main {
+    width: 100%;
+    position: relative;
+
+    .header {
+      display: flex;
+      align-items: center;
+      padding-top: 20px;
+      padding-left: 26px;
+      font-size: 16px;
+
+      .del-icon {
+        width: 16px;
+        height: 16px;
+        margin-right: 10px;
+        background-image: url(@/assets/images/coursewareManage/notice.png);
+        background-size: 100% 100%;
+      }
+
+      .icon {
+        width: 16px;
+        height: 16px;
+        margin-right: 10px;
+        background-image: url(@/assets/images/coursewareManage/QR.png);
+        background-size: 100% 100%;
+      }
+
+      .close_exit {
+        position: absolute;
+        right: 42px;
+        cursor: pointer;
+        width: 20px;
+        height: 20px;
+        background-image: url(@/assets/images/coursewareManage/close.png);
+        background-size: 100% 100%;
+      }
+    }
+
+    .body {
+      width: 100%;
+      margin: 34px auto 56px auto;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+    }
+
+    .del_btnbox {
+      display: flex;
+      margin: 30px auto;
+      justify-content: center;
+
+      .del_btn {
+        width: 100px;
+        height: 40px;
+        background: rgba(64, 158, 255, 0);
+        border-radius: 8px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        margin-right: 14px;
+        flex-shrink: 0;
+        cursor: pointer;
+
+        .btnText {
+          font-size: 14px;
+          font-weight: 400;
+          line-height: 40px;
+        }
+      }
+
+      .btn1 {
+        border: 1px solid rgba(64, 158, 255, 1);
+        color: #4ea6ff;
+      }
+
+      .btn2 {
+        background-color: #4ea6ff;
+        color: #ffffff;
+      }
+    }
+  }
+}
+
+.CreatePath {
+  .out {
+    z-index: 9999;
+    display: block;
+    position: absolute;
+    top: 90px;
+    width: 1080px !important;
+    height: 650px;
+    overflow: auto;
+    background-color: #fff;
+
+    box-shadow: 0 0 10px rgba(118, 136, 166, 0.21);
+    left: 50%;
+    top: 300px;
+    transform: translate(-50%, -50%);
+
+    .top {
+      width: 100%;
+      height: 68px;
+
+      background: linear-gradient(rgba(78, 166, 255, 0.2) 0%,
+          rgba(78, 166, 255, 0) 100%);
+      display: flex;
+      align-items: center;
+
+      .topimg {
+        width: 18px;
+        height: 18px;
+        margin-left: 27px;
+        margin-top: -2px;
+      }
+
+      .topc {
+        color: #000000;
+        font-size: 16px;
+        margin-left: 8px;
+      }
+    }
+
+    .mid {
+      width: 100%;
+      height: 100%;
+      background-color: #fff;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+
+      .d {
+        // margin-top: 8px;
+        // color: #ff4e4e;
+        margin-left: -5px;
+      }
+    }
+  }
+}
+
+//添加样式
+.langbtn {
+  height: 40px;
+  border-radius: 8px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-right: 14px;
+  flex-shrink: 0;
+  cursor: pointer;
+}
+
+// 重置样式
+.resetbtn {
+  width: 100px;
+  height: 40px;
+  border-radius: 8px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-right: 14px;
+  flex-shrink: 0;
+  cursor: pointer;
+}
+
+//展开收起样式
+.moreidbtn {
+  border: none;
+  color: #4ea6ff;
+  width: 80px
+}
+
+//小竖线
+.line {
+  float: left;
+  width: 3px;
+  height: 25px;
+  background: #4ea6ff;
+  border-radius: 30%;
+  margin-right: 5px;
+}
+
+//抽屉功能
+.drawaer
+
+// /* 改变所有 a-tree-select 输入框的高度 */
+//   ::v-deep  .ant-select:not(.ant-select-customize-input) .ant-select-selector{
+//   height: 40px;
+//   line-height: 40px;
+//   border-radius: 8px
+
+//   /* 确保文字垂直居中 */
+// }
+::v-deep .ant-select-single:not(.ant-select-customize-input) .ant-select-selector{
+  height: 40px !important;
+  line-height: 40px;
+  border-radius: 8px
+}
+// 抽屉内样式
+.draitem{
+ width: 100%;
+  height: 40px !important; 
+  border-radius: 8px;
+  line-height: 40px;
+}
+.drabtn{
+  height:40px;
+  width:80px;
+  border-radius:8px;
+  margin-right:20px
+}
+</style>
\ No newline at end of file
diff --git a/src/views/lecturer/LecturerFeeManagement.vue b/src/views/lecturer/LecturerFeeManagement.vue
index e55ffd65..38704ad9 100644
--- a/src/views/lecturer/LecturerFeeManagement.vue
+++ b/src/views/lecturer/LecturerFeeManagement.vue
@@ -1,1157 +1,43 @@
-<!-- 讲师费管理页面 -->
+<!-- 讲师费管理 -->
 <template>
   <div class="LecturerFeeManagement">
-    <div>
+    <div style="margin: 20px;" >
+    <a-tabs v-model:activeKey="activeKey">
+  <a-tab-pane key="1" tab="讲师费管理">
+<LecturerFee />
+     </a-tab-pane>
+  <a-tab-pane key="2" tab="讲师费审批">
+  <LecturerApproval/>
+     </a-tab-pane>
+</a-tabs>
   </div>
-    <!-- 搜索框及按钮 -->
-    <div class="filter">
-      <div class="filterItems">
-        <div class="select">
-          <!--  v-model:value="searchParam.teacherName" -->
-          <a-input v-model:value="searchParam.teacherNo " style="width: 230px; height: 40px; border-radius: 8px"
-            placeholder="请输入工号/姓名检索" allowClear showSearch>
-          </a-input>
-          
-          <!-- <a-select style="width: 230px" placeholder="请选择所属组织" v-model:value="searchParam.teacherNo"
-            :options="infoteacherList">
-          </a-select> -->
         </div>
-        <div class="select">
-          <a-select style="width: 230px" placeholder="培训发生组织" 
-           v-model:value="searchParam.tsystemName" 
-            :options="lecturerSystemList">
-           
-          </a-select>
-        </div>
-        <div class="select">
-          <a-select style="width: 230px" v-model:value="searchParam.tlevelId" placeholder="讲师级别" :options="getLevelList">
-          </a-select>
-        </div>  
-          <div class="select">
-            <a-date-picker v-model:value="searchParam.startDate"  placeholder="开始日期" format="YYYY-MM-DD"
-          allowClear
-            style="width: 230px">
-          </a-date-picker>
-          <span> 至 </span>
-          <a-date-picker v-model:value="searchParam.endDate"  placeholder="结束日期" format="YYYY-MM-DD"
-          allowClear
-            style="width: 230px">
-          </a-date-picker>
-        </div>
-        <!-- 更多筛选-->
-        <div v-if="moreid== 1 " style="width: 150px ;"> 
-          <div  @click="handlemoreid()">展开</div>
-        </div>
-        <div v-if="moreid== 2 "   style="width: 150px ;"> 
-          <div  @click="handlemoreid() "> 返回 </div>
-        </div>
-        <div style="display: flex; float: right; 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 style="width:100% ; height:1px"></div>
-        <div  v-if="moreid== 2 " class="select">
-          <a-select style="width: 230px" v-model:value="searchParam.certStatus" placeholder="认证状态"
-            :options="AuthenticationStatusList">
-          </a-select>
-        </div>
-        <div v-if="moreid== 2 "  class="select">
-          <a-select style="width: 230px" v-model:value="searchParam.courseType" placeholder="课程类型"
-            :options="OnTheJobStatusList">
-          </a-select>
-        </div>
-        <div v-if="moreid== 2 " class="select">
-          <a-select style="width: 230px" v-model:value="searchParam.status" placeholder="状态"
-            :options="AccountStatusList">
-          </a-select>
-        </div>
-        <div  v-if="moreid== 2 " 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-select>
-        </div>
-      </div>
-      <div style="width:100% ; height:1px"></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>
-      </div>
-      <!-- 表格 -->
-      <div style="padding: 10px 0">
-        <a-table :header-cell-style="{ 'text-align': 'center' }" style="border: 1px solid #f2f6fe" :columns="columns"
-          :data-source="tableData" :loading="tableLoading" @expand="expandTable" :pagination="false">
-          <template #bodyCell="{ record, column }">
-            <template v-if="column.key === 'operation'">
-              <a-space style="display:flex ;justify-content: space-around;  ">
-                <a-button type="link" @click="() => handleLook(record, String(record.courseform))">查看</a-button>
-                <a-button type="link" :disabled="record.status==='A10' || record.status==='E10'  ?false :true"   @click="() => handleModify(record, String(record.courseform))">编辑</a-button>
-                <a-button :disabled="record.status==='A20' || record.status==='A30'||record.status==='S20'   ?true :false"  type="link" @click="() => handleOperate(record, String(record.courseform))">提交</a-button>
-                <a-button :disabled="record.status==='A10' && record.status!=='A20' || record.status==='A30'||record.status==='S20' ||record.status==='E10' ?true :false"  type="link" @click="() => handleOperate(record, String(record.courseform))">撤回</a-button>
-                <!-- <a-button type="link" @click="() => deleteModal(record, String(record.courseform))">删除</a-button> -->
-              </a-space>
-            </template>
-          </template>
-        </a-table>
-      </div>
-
-    </div>
-    <div class="tableBox ">
-      <div style="float: right;">
-        <a-pagination
-            v-if="tableDataTotal > 10"
-            :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 style="padding-bottom: 15px;" >
-        <div style=" margin-left: 33px; margin-right: 33px; margin-bottom: 33px;" v-show="tagsshow==1">
-        <div class="LecturerFeeManagement" >
-          <div class="filter">
-            <div class="filterItems">
-              <!-- 讲师费 编号 -->
-              <div class="select"  v-if="formParam.expensesCode ">
-                <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>
-                <span class=display1>{{ formParam.expensesCode }}</span>
-              </div>
-              <!-- 状态 -->
-              <div class="select"  v-if="formParam.status ">
-                <span style="display:inline-block ;width:80px ;text-align:center ">状态 :</span>
-                <span class=display1> {{formParam.status == "A10" || formParam.status == "A20" ||formParam.status == "A30" ||formParam.status == "E10"||formParam.status == "S20"
-                ? {
-                  "A10": "待审核",
-                  "A20": "已提交",
-                  "A30": "审核中",
-                  "E10": "审核打回",
-                  "S20": "审核通过",
-                }[formParam.status + ""] || ""
-                : "-"}}</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.teacherName" style="width:200px; height: 40px; "
-                  placeholder="请输入讲师姓名" allowClear showSearch>
-                </a-input>
-                <span v-if="teacherdialog1 == 1" class=display1>{{ formParam.teacherName }}</span>
-              </div>
-              <!-- 讲师工号 -->
-              <div class="select">
-                <div  style="display:inline-block ;width:5px ;text-align:center ">
-              <img
-                style="width: 5px; height: 5px"
-                src="../../assets/images/basicinfo/asterisk.png"
-              />
-            </div>
-                <span style="display:inline-block ;width:95px ;text-align:center ">讲师工号 :</span>
-                <a-input v-if="teacherdialog1 == 0" disabled v-model:value="formParam.teacherNo"
-                  style="width:200px; height: 40px; " placeholder="自动带出讲师工号" allowClear showSearch>
-                </a-input>
-                <span v-if="teacherdialog1 == 1" class=display1>{{ formParam.teacherNo }}</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.teacherOrg"
-                  style="width:200px; height: 40px;" placeholder="自动带出讲师组织" allowClear showSearch>
-                </a-input>
-                <span v-if="teacherdialog1 == 1" class=display1>{{ formParam.teacherOrg }}</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.teacherpayrollPlace"  style="width:200px; height: 40px;" placeholder="自动带出讲师发薪地" allowClear showSearch>
-                </a-input>
-                <span v-if="teacherdialog1 == 1" class=display1>{{ formParam.teacherpayrollPlace }}</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 disabled v-if="teacherdialog1 == 0" v-model:value="formParam.systemName"
-                  style="width:200px; height: 40px;" placeholder="自动带出讲师体系" allowClear showSearch>
-                </a-input>
-                <span v-if="teacherdialog1 == 1" class=display1>{{ formParam.systemName }}</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 disabled v-if="teacherdialog1 == 0" v-model:value="formParam.trainOrg"
-                  style="width:200px; height: 40px;" placeholder="自动带出培训发生组织" allowClear showSearch>
-                </a-input>
-                <span v-if="teacherdialog1 == 1" class=display1>{{ formParam.trainOrg }}</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" 
-                   placeholder="填写或选择授课记录" 
-                   showSearch
-                   v-model:value="formParam.courseName"
-            :options="lecturerSystemList">
-            </a-select>
-                <span v-if="teacherdialog1 == 1" class=display1>{{ formParam.courseName }}</span>
-              </div>
-              <!-- 授课日期 -->
-              <!-- <div class="select addTimeBox">
-                <div  style="display:inline-block ;width:5px ;text-align:center ">
-              <img
-                style="width: 5px; height: 5px"
-                src="../../assets/images/basicinfo/asterisk.png"
-              />
-            </div>
-            <span style="display:inline-block ;width:80px ;text-align:center ">授课日期 :</span>
-          <a-date-picker
-          v-if="teacherdialog1 == 0"
-            v-model:value="formParam.teachingDate"
-            style="width: 200px"
-            format="YYYY-MM-DD"
-            placeholder="请选择课程日期"
-          />
-          <span v-if="teacherdialog1 == 1" class=display1>{{ formParam.teachingDate }}</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 disabled v-if="teacherdialog1 == 0" v-model:value="formParam.teacherpayrollPlace"
-                  style="width:200px; height: 40px;" placeholder="自动带出讲师发薪地" allowClear showSearch>
-                </a-input>
-                <span v-if="teacherdialog1 == 1" class=display1>{{ formParam.teacherpayrollPlace }}</span>
-              </div>
-              <!-- 授课时长 -->
-              <div class="select">
-                <span style="display:inline-block ;width:80px ;text-align:center ">授课时长 :</span>
-                <a-input v-if="teacherdialog1 == 0" v-model:value="formParam.teachingTime"
-                  style="width:200px; height: 40px;" placeholder="0分钟" allowClear showSearch>
-                </a-input>
-                <span v-if="teacherdialog1 == 1" class=display1>{{ formParam.teachingTime }}</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-select style="width:200px" v-if="teacherdialog1 == 0" v-model:value="formParam.levelName " 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:80px ;text-align:center ">参训人数 :</span>
-                <a-input v-if="teacherdialog1 == 0"  v-model:value="formParam.studentNum"
-                  style="width:200px; height: 40px; " placeholder="请输入参训人数" allowClear showSearch>
-                </a-input>
-                <span v-if="teacherdialog1 == 1" class=display1>{{ formParam.studentNum }}</span>
-              </div>
-              <!-- 授课满意度 -->
-              <div class="select">
-                <span style="display:inline-block ;width:95px ;text-align:center ">授课满意度 :</span>
-                <a-input v-if="teacherdialog1 == 0"  v-model:value="formParam.courseAssess"
-                  style="width:200px; height: 40px; " placeholder="自动带出讲师工号" allowClear showSearch>
-                </a-input>
-                <span v-if="teacherdialog1 == 1" class=display1>{{ formParam.courseAssess }}</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.courseType " placeholder="课程类型"
-                  :options="OnTheJobStatusList">
-                </a-select>
-                <span v-if="teacherdialog1 == 1" class=display1>{{ formParam.courseType }}</span>
-              </div>
-              <!-- 讲师费课酬基准 -->
-              <div class="select">
-                <span style="display:inline-block ;width:95px ;text-align:center ">讲师费课酬基准 :</span>
-                <a-input v-if="teacherdialog1 == 0"  v-model:value="formParam.teacherlevelPay"
-                  style="width:200px; height: 40px; " placeholder="请输入讲师费课酬基准" allowClear showSearch>
-                </a-input>
-                <span v-if="teacherdialog1 == 1" class=display1>{{ formParam.teacherlevelPay }}</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.expense"
-                  style="width:200px; height: 40px; " placeholder="自动计算计划费用" allowClear showSearch>
-                </a-input>
-                <span v-if="teacherdialog1 == 1" class=display1>{{ formParam.expense }}</span>
-              </div>
-                 <!-- 备注 -->
-                 <div style="width: 834px;height: 1px;"></div>
-              <span style="display:inline-block ;width:80px ;text-align:center ">备注 :</span>
-              <a-textarea    v-if="teacherdialog1 == 0"
-                              v-model:value="formParam.remark"
-                              showCount
-                              :maxlength="200"
-                              style="width: 500px; height: 100px; border-radius: 8px"
-                              placeholder="请输入"/>
-                <span v-if="teacherdialog1 == 1" class=display1>{{ formParam.remark }}</span>
-                <div style="width: 100%; height: 1px ;"></div>
-                <div style="padding: 10px 0"  v-if="teacherdialog1 == 1" >
-        <a-table :header-cell-style="{ 'text-align': 'center' }" style="border: 1px solid #f2f6fe" :columns="columnsFeeDetail"
-          :data-source="tableDataFeeDetail" :loading="tableLoading" @expand="expandTable" :pagination="false">
-          <template #bodyCell="{ record, column }">
-          </template>
-        </a-table>
-      </div>
-
-                <!-- 操作功能 -->
-                <div class="del_btnbox"  v-if="teacherdialog1 == 0" style="margin-left:250px">
-                <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>
-      </div>
-    </a-modal>
-    <!-- 删除功能弹窗 -->
-    <!-- <div>
-      <a-modal v-model:visible="deleteInTeacherdialog" :footer="null" :closable="close" wrapClassName="canclestu1"
-        centered="true">
-        <div class="delete">
-          <div class="del_header"></div>
-          <div class="del_main">
-            <div class="header">
-              <div class="icon1"></div>
-              <span>提示</span>
-            </div>
-            <div class="body">
-              <span>您确定要删除此讲师吗</span>
-            </div>
-            <div class="del_btnbox">
-              <div class="del_btn btn2" @click="cancelTeacherDialog" style="margin-right: 32px">
-                <div class="btnText">取消</div>
-              </div>
-              <div class="del_btn btn2" 
-              @click="closeDeleteTeacher">
-                <div class="btnText">确定</div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </a-modal>
-    </div> -->
-     <!-- 修改状态功能弹窗 -->
-     <div>
-      <a-modal v-model:visible="editTeacher" :footer="null" :closable="close" wrapClassName="canclestu1"
-        centered="true">
-        <div class="delete">
-          <div class="del_header"></div>
-          <div class="del_main">
-            <div class="header">
-              <div class="icon1"></div>
-              <span>提示</span>
-            </div>
-            <div class="body">
-              <span v-if="handleOperate1== 'A10' ||handleOperate1== 'E10' ">您确定要提交此信息吗</span>
-              <span v-if="handleOperate1== 'A20'">您确定要撤回此信息吗</span>
-            </div>
-            <div class="del_btnbox">
-              <div class="del_btn btn2" @click="cancelTeacherDialog" style="margin-right: 32px">
-                <div class="btnText">取消</div>
-              </div>
-              <div class="del_btn btn2" @click="closehandleOperate">
-                <div class="btnText">确定</div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </a-modal>
-    </div>
-    <!-- <div> <Upload/> </div>         -->
-  </div>
 </template>
 <script lang="jsx">
-import { reactive, toRefs, ref ,watch} from "vue";
-import { message } from "ant-design-vue";
-import dayjs from "dayjs";
-import {getPayRollPlace} from "../../api/Lecturer";
-import {getTeacherFeeList,getTeacherFeeDetail,addTeacherFee ,updateTeacherFee,updateStatusSubmit,updateStatusWithDraw,getTrainOrg,getTeacherLevel} from "../../api/lecturerFeeManagement";
-// lecturerFeeManagement
-// import {getProjSt} from "../../api/indexProjStu";
-// import AddTeacher from "../../components/drawers/project/AddTeacher"
-export default { 
+import { reactive, toRefs, ref, watch } from "vue";
+import LecturerFee  from "../lecturer/LecturerFee.vue"
+import LecturerApproval from "../lecturer/LecturerApproval.vue"
+ export default {
   name: "LecturerFeeManagement",
   components: {
+    LecturerFee,
+    LecturerApproval
   },
   setup() {
     const state = reactive({
-      moreid:1,
-      byPid:null,
-      currentPage1: 1,
-      pageSize1: 10,
-      promotionrecordsLoading:false ,  //晋级记录遮罩层
-      teacherrecordsLoading:false,// 授课记录遮罩层
-      tableLoading:false,
-      tagsshow:"1",
-      PlaceOfPayList:[],
-      delTeacherId:null, //删除id确认
-      newStatus:null , //修改状态码确认
-      kid:null,    //内部讲师工号确认 
-      lookTeacherId:null, //内部讲师详情id确认
-      // deleteInTeacherdialog: false, //删除弹窗
-      editTeacher:false ,   //修改状态弹窗
-      handleOperate1:null, //修改状态弹窗内容
-      teacherdialog1: null,
-      teacherdialog: false,  //控制讲师弹窗
-      teacherdialogtitle: '',//讲师弹框title内容
-      pageSizeOptions: ['10', '20', '30', '50'], //下拉选择每页显示多少条
-      pageSize: 10,
-      tableDataTotal: -1,//table列表总条数
-      formParam: {
-      
-      },
-      searchParam: {
-        teacherNo:null,
-        tsystemName:null,
-        tlevelId:null,
-        courseType:null,
-        certStatus:null,
-        salaryName:null,
-        payrollPlaceId:null,
-        status:null,
-        pageNo: "1",
-        pageSize: "10",
-        startDate: null,
-        endDate: null,
-      },
+      activeKey:'1'
     })
-
- 
-    //培训发生组织
-    const lecturerSystemList = ref([
-    ]);
-    //获取培训发生组织
-    const LecturerSystemLista =() => {
-      // console.log('点击了LecturerSystemLista')
-      getTrainOrg().then((res)=>{
-        if (res.data.code === 200) {
-            let arr = res.data.data;
-            let array = [];
-            arr.map((value) => {
-              let obj = {
-                value: value.trainOrgId,
-                label: value.trainOrg,
-              };
-              array.push(obj);
-            });
-            lecturerSystemList.value = array;
-          }
-      }) 
-    }
-    LecturerSystemLista()
-    //获取讲师级别
-    const getLevelList = ref([
-    ])
-    const getLevelLista =() => {
-      getTeacherLevel().then((res)=>{
-        if (res.data.code === 200) {
-            let arr = res.data.data;
-            let array = getLevelList.value;
-            arr.map((value) => {
-              let obj = {
-                value: value.levelId,
-                label: value.levelName,
-              };
-              array.push(obj);
-            });
-            getLevelList.value = array;
-          }
-      }) 
-    }
-    getLevelLista()
-    //课程类型
-    const OnTheJobStatusList = ref([
-    { value: 1, label: "项目开课" },
-      { value: 2, label: "路径开课" },
-      { value: 3, label: "面授开课" },
-    ])
-    //认证状态
-    const AuthenticationStatusList = ref([
-      { value: 0, label: "未认证" },
-      { value: 1, label: "已认证" },
-    ])
-     //获取讲师发薪地列表
-    const PlaceOfPayList = ref([
-      // { value: 0, label: "发薪地B1" },
-    ])
-     const PlaceOfPayLista =() => {
-      getPayRollPlace().then((res)=>{
-        if (res.data.code === 200) {
-            let arr = res.data.data;
-            let array = [];
-            arr.map((value) => {
-              let obj = {
-                value: value.payrollPlaceId,
-                label: value.payrollPlaceName,
-              };
-              array.push(obj);
-            });
-            PlaceOfPayList.value = array;
-          }
-        console.log("获取发薪地", PlaceOfPayList);
-      })
-    }
-    PlaceOfPayLista()
-    //状态
-    const AccountStatusList = ref([
-      { value:"A10", label: "待审核", },
-      { value:"A20", label: "已提交", },
-      { value:"A30", label: "审核中", },
-      { value:"E10", label: "审核打回", },
-      { value:"S20", label: "审核通过", },
-    ])
     watch(
     )
-    //切换筛选
-    const handlemoreid=()=>{
-      if(state.moreid==1){
-        state.moreid=2
-      }
-      else if(state.moreid == 2){
-        state.moreid=1
-        state.searchParam.certStatus=null
-        state.searchParam.salaryName=null
-        state.searchParam.payrollPlaceId=null
-        state.searchParam.status=null
-      }
-    }
-       //新增页面内部姓名
-       const infoteacherList = ref([
-    //   { value: 0, systemName: "讲师体系" },
-    ]);
-    const  getinfoteacher = () => {
-      // state.tableLoading=true 
-      // ()
-      //   .then((res) => {
-      //     infoteacherList.value = res.data.data.records
-      // }) 
-    };
-    const columns = ref([
-      {
-        title: '讲师姓名 ',
-        dataIndex: 'teacherName',
-        key: 'teacherName',
-        elipsis: true,
-        width: 120,
-      },
-      {
-        title: '讲师工号 ',
-        dataIndex: 'teacherNo',
-        key: 'teacherNo',
-        elipsis: true,
-        width: 120,
-      },
-      {
-        title: '讲师组织 ', 
-        dataIndex: 'teacherOrg',
-        key: 'teacherOrg',
-        elipsis: true,
-        width: 400,
-      },
-      {
-        title: '课程名称 ',
-        dataIndex: 'courseName',
-        key: 'courseName',
-        elipsis: true,
-        width: 120,
-      },
-      {
-        title: '培训发生组织 ',
-        dataIndex: 'trainOrg',
-        key: 'trainOrg',
-        elipsis: true,
-        width: 120,
-      },
-      {
-        title: '讲师级别 ',
-        dataIndex: 'levelName',
-        key: 'levelName',
-        elipsis: true,
-        width: 120,
-        // customRender: (value, record) => {
-        //   return (
-        //     <div>
-        //       {value.record.grade == 0 || value.record.grade == 1 || value.record.grade == 2 || value.record.grade == 3
-        //         ? {
-        //           0: "未定级",
-        //           1: "1级",
-        //           2: "2级",
-        //           3: "3级",
-        //         }[value.record.grade + ""] || ""
-        //         : "-"}
-        //     </div>
-        //   )
-        // }
-      },
-      {
-        title: '认证状态 ',
-        dataIndex: 'certStatus',
-        key: 'certStatus',
-        elipsis: true,
-        width: 120,
-        customRender: (value) => {
-          return (
-            <div>
-              {value.record.certStatus == 0 || value.record.certStatus == 1
-                ? {
-                  "0": "未认证",
-                  "1": "已认证",
-                }[value.record.certStatus + ""] || ""
-                : "-"}
-            </div>
-          )
-        }
-      },
-      {
-        title: '讲师发薪地 ',
-        dataIndex: 'teacherpayrollPlace',
-        key: 'teacherpayrollPlace',
-        elipsis: true,
-        width: 120,
-      },
-      {
-        title: '参训学员人数 ',
-        dataIndex: 'studentNum',
-        key: 'studentNum',
-        elipsis: true,
-        width: 120,
-      },
-      {
-        title: '评分 ',
-        dataIndex: 'courseAssess',
-        key: 'courseAssess',
-        elipsis: true,
-        width: 120,
-      },
-      {
-        title: '课程类型 ',
-        dataIndex: ' courseType',
-        key: ' courseType',
-        elipsis: true,
-        width: 120,
-        customRender: (value) => {
-          return (
-            <div>
-              {value.record. courseType == "1" || value.record. courseType == "2"|| value.record.courseTypeype == "3"
-                ? {
-                  "1": "项目开课",
-                  "2": "路径开课",
-                  "3": "面授开课",
-                }[value.record. courseType + ""] || ""
-                : "-"}
-            </div>
-          )
-        }
-      },
-      {
-        title: '授课时长 ',
-        dataIndex: 'teachingTime',
-        key: 'teachingTime',
-        elipsis: true,
-        width: 120,
-        
-      },
-      {
-        title: '授课日期 ',
-        dataIndex: 'teachingDate',
-        key: 'teachingDate',
-        elipsis: true,
-        width: 120,
-      },
-      {
-        title: '基准课酬 ',
-        dataIndex: 'teacherlevelPay',
-        key: 'teacherlevelPay',
-        elipsis: true,
-        width: 120,
-      },
-      {
-        title: '计划费用 ',
-        dataIndex: 'expense',
-        key: 'expense',
-        elipsis: true,
-        width: 120,
-      },
-      {
-        title: '状态 ',
-        dataIndex: 'status',
-        key: 'status',
-        elipsis: true,
-        width: 120,
-        customRender: (value) => {
-          return (
-            <div>
-              {value.record.status == "A10" || value.record.status == "A20" ||value.record.status == "A30" ||value.record.status == "E10"||value.record.status == "S20"
-                ? {
-                  "A10": "待审核",
-                  "A20": "已提交",
-                  "A30": "审核中",
-                  "E10": "审核打回",
-                  "S20": "审核通过",
-                }[value.record.status + ""] || ""
-                : "-"}
-            </div>
-          )
-        }
-      },
-      {
-        title: '操作 ',
-        dataIndex: 'operation',
-        key: 'operation',
-        elipsis: true,
-        width: 300,
-        scopedSlots: { customRender: "action" },
-      },
-    ])
-    //列表数据
-    const tableData = ref([
-
-
-    ])
-    // 搜索
-    const searchSubmit = () => {
-      getTableDate();
-    };
-    //重置
-    const searchReset = () => {
-      state.searchParam = { 
-        teacherNo:null,
-        tsystemName:null,
-        tlevelId:null,
-        courseType: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};
-      objA.startDate= state.searchParam.startDate!==null? dayjs(new Date(state.searchParam.startDate).getTime()).format("YYYY-MM-DD"): "",
-      objA.endDate=state.searchParam.endDate!==null? dayjs(new Date(state.searchParam.endDate).getTime()).format("YYYY-MM-DD"): "",
-      getTeacherFeeList(objA)
-        .then((res) => {
-          tableData.value = res.data.data.records
-          state.tableDataTotal = Number(res.data.data.total);
-          state.tableLoading=false 
-          console.log("获取讲师tableData", tableData);
-      }) 
-    };
-    getTableDate()
-    //   // 翻页
-    const changePagination = (page,pageSize) => {
-      state.searchParam.pageNo = page;
-      state.currentPage1 = page;
-      state.pageSize1 = pageSize;
-      getTableDate();
-    };
-    // 新增讲师
-    const addTeacher = () => {
-      state.teacherdialog1 = 0
-      state.teacherdialog = true;
-      state.teacherdialogtitle = '添加讲师费'
-      
-    }
-    //修改讲师费信息弹窗
-    const handleModify = (record) => {
-      state.teacherdialog1 = 0
-      state.teacherdialog = true;
-      state.teacherdialogtitle = '修改信息'
-      state.kid= record.kid
-      TeacherSystem()
-    }
-    //保存
-    const createTeacherDialog = () => {
-      state.formParam.teachingDate= state.formParam.teachingDate!==null? dayjs(new Date(state.formParam.teachingDate).getTime()).format("YYYY-MM-DD"): "",
-      console.log(state.formParam);
-      if (state.formParam.kid != undefined) {
-        updateTeacherFee (state.formParam).then(response => {
-                            message.success("修改成功");
-                        });
-                    }
-      else {
-      addTeacherFee(state.formParam)
-        .then((res) => {
-          message.success("保存成功");
-      }).catch((err) => {
-          console.log(err);
-        });
-       }
-       state.teacherdialog = false;
-       getTableDate();
-    };
-    //删除弹窗
-    // const deleteModal = (record) => {
-    //   state.deleteInTeacherdialog = true
-    //   state.delTeacherId = record.id 
-    // };
-    //修改状态窗口
-    const handleOperate = (record) => {
-      state.handleOperate1=null
-        state.handleOperate1 = record.status
-      state.editTeacher = true
-      state.kid= record.kid
-    };
-    // //确认删除
-    // const closeDeleteTeacher=()=>{
-    //   //调用删除接口
-    //   deleteInTeacher(state.delTeacherId).then((res)=>{
-    //     if(res.data.code == 200 ){
-    //       // message.success("删除成功");
-    //       state.deleteInTeacherdialog = false
-    //       getTableDate();
-    //     }
-    //   })
-    // } 
-    //提交撤回状态
-    const closehandleOperate= ()=>{
-       //调用接口
-       let ids ={
-      kid : state.kid
-    } 
-    console.log( state.handleOperate1)
-    console.log( state.handleOperate1 === 'A10');
-    if ( state.handleOperate1 === 'A10'){
-      updateStatusSubmit(ids).then((res) => {
-            message.success("提交成功");
-            state.editTeacher = false
-           getTableDate();
-           console.log(111);
-        })
-      }
-      else if( state.handleOperate1 === 'A20'){
-        updateStatusWithDraw(ids).then((res) => {
-            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
-    };
-
-    //清空数据
-    const cancel = () => {
-      state.formParam ={
-        teacherName:null,
-        userNo:null,
-        teacherOrg:null,
-        systemName:null,
-        courseName:null,
-        trainOrg:null,
-        teachingDate:null,
-        teacherpayrollPlace:null,
-        teachingTime:null,
-        levelName:null,
-        studentNum:null,
-        courseAssess:null,
-        courseType:null,
-        teacherlevelPay:null,
-        expense:null,
-        remark:null,
-      }
-    }
-    //表格内查看数据操作
-    const handleLook = (record) => {
-      state.teacherdialog1 = 1
-      state.teacherdialog = true;
-      state.teacherdialogtitle = '查看详情'
-      state.kid= record.kid
-      // alert(record.grade)
-      TeacherSystem()
-      // getteacherrecordstableData ()
-    }
-    const tableDataFeeDetail = ref([
-])
-    //详情
-    const TeacherSystem=()=>{
-      getTeacherFeeDetail({kid : state.kid}).then((res) => {
-          // state.formParam=Object.assign({} ,res.data.data)
-          state.formParam=res.data.data
-          tableDataFeeDetail.value = res.data.data.records
-      }) 
-      .catch((err) => {
-          console.log("详情", err);
-        });
-    }
-    //二级页面
-    const columnsFeeDetail = ref([
-      { 
-        title: '时间',
-        dataIndex: 'updatedAt',
-        key: 'updatedAt',
-        elipsis: true,
-        width: 150,
-      } ,
-      { 
-        title: '操作人 ',
-        dataIndex: 'updatedBy',
-        key: 'updatedBy9',
-        elipsis: true,
-        width: 150,
-      } ,
-      {
-        title: '操作 ',
-        dataIndex: 'status',
-        key: 'status',
-        elipsis: true,
-        width: 150,
-        customRender: (value) => {
-          return (
-            <div>
-              {value.record.status == "A10" || value.record.status == "A20"
-                ? {
-                  "A10": "已提交",
-                  "A20": "待审核",
-                }[value.record.status + ""] || ""
-                : "-"}
-            </div>
-          )
-        }
-      },
-      { 
-        title: '备注 ',
-        dataIndex: 'teacherName',
-        key: 'teacherName',
-        elipsis: true,
-        width: 150,
-      } ,
-    ])
-    //导出功能
-    const handleExport = ()=>{
-      window.open (
-        `${process.env.VUE_APP_BASE_API}/teacher/fee/exportTeacherFee?pageNo=${
-          state.currentPage1
-        }&pageSize=${state.pageSize1}&teacherNo=${
-          state.searchParam.teacherNo ? state.searchParam.teacherNo : ""
-        }&tsystemName=${ state.searchParam.tsystemName ?  state.searchParam.tsystemName : ""}&tlevelId=${
-          state.searchParam.tlevelId ? state.searchParam.tlevelId : ""
-        }&courseType=${ state.searchParam.courseType ?  state.searchParam.courseType : ""}&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 : ""}&startDate=${state.searchParam.startDate ?  state.searchParam.startDate : ""}&endDate=${state.searchParam.endDate ?  state.searchParam.endDate : ""}`
-      );
-      // this.download('lesson_records/export', {
-      //           ...state.searchParam
-      //       }, `project_${new Date().getTime()}.xlsx` )
-        }
-    return {
-      ...toRefs(state),
-      handlemoreid,
-      handleExport,
-      lecturerSystemList,
-      getLevelList,
-      OnTheJobStatusList,
-      getLevelLista,
-      PlaceOfPayLista,
-      AuthenticationStatusList,
-      PlaceOfPayList,
-      AccountStatusList,
-      searchSubmit,
-      searchReset,
-      columns,
-      columnsFeeDetail,
-      tableData,
-      tableDataFeeDetail,
-      changePagination,
-      addTeacher,
-      cancelTeacherDialog,
-      handleLook,
-      cancel,
-      // deleteModal,
-      handleModify,
-      // closeDeleteTeacher,
-      createTeacherDialog,
-      handleOperate,
-      closehandleOperate,
-       getTableDate, //list接口数据调用
-      // getStu
-      LecturerSystemLista,
-      TeacherSystem,
-      infoteacherList,
-      getinfoteacher,
+   return {
+      ...toRefs(state), 
+  
     }
   },
 };
 </script>
 <style lang="scss" scoped>
-//导出按钮icon
-.daochu {
-          width: 16px;
-          height: 18px;
-          background-image: url("../../assets/images/coursewareManage/export1.png");
-        }
-      
-//弹窗内详情样式
-.display1 {
-  display: inline-block;
-  width: 200px;
-}
-
-// .display0{
-// display:inline-block ;
-// width:200px ;
-// text-align:center }
-//弹窗内确认取消按钮布局
-.del_btnbox {
-  display: flex;
-  margin: 30px auto;
-  justify-content: center;
-
-  .del_btn {
-    width: 100px;
-    height: 40px;
-    background: rgba(64, 158, 255, 0);
-    border-radius: 8px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    flex-shrink: 0;
-    cursor: pointer;
-
-    .btnText {
-      font-size: 14px;
-      font-weight: 400;
-      line-height: 40px;
-    }
-  }
-
-  .btn1 {
-    border: 1px solid rgba(64, 158, 255, 1);
-    color: #4ea6ff;
-    margin-right: 14px;
-  }
-
-  .btn2 {
-    background-color: #4ea6ff;
-    color: #ffffff;
-  }
-}
-
-.ant-table-cell-fix-right {
-  width: 300px !important;
-}
-
-.ant-table-tbody>tr>td {
-  text-align: center;
-}
-
-.LecturerFeeManagement {
+  .LecturerFeeManagement {
   width: 100%;
   height: 100%;
   display: flex;
@@ -1263,18 +149,6 @@ export default {
         }
       }
 
-      // .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;
       }
@@ -1435,162 +309,4 @@ export default {
     }
   }
 }
-
-.delete {
-  z-index: 9999;
-  width: 424px;
-  background: #ffffff;
-  box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21);
-  border-radius: 4px;
-  position: absolute;
-  left: 50%;
-  top: 10%;
-  transform: translate(-50%, -50%);
-
-  .del_header {
-    position: absolute;
-    width: calc(100%);
-    height: 40px;
-    background: linear-gradient(rgba(78, 166, 255, 0.2) 0%,
-        rgba(78, 166, 255, 0) 100%);
-  }
-
-  .del_main {
-    width: 100%;
-    position: relative;
-
-    .header {
-      display: flex;
-      align-items: center;
-      padding-top: 20px;
-      padding-left: 26px;
-      font-size: 16px;
-
-      .del-icon {
-        width: 16px;
-        height: 16px;
-        margin-right: 10px;
-        background-image: url(@/assets/images/coursewareManage/notice.png);
-        background-size: 100% 100%;
-      }
-
-      .icon {
-        width: 16px;
-        height: 16px;
-        margin-right: 10px;
-        background-image: url(@/assets/images/coursewareManage/QR.png);
-        background-size: 100% 100%;
-      }
-
-      .close_exit {
-        position: absolute;
-        right: 42px;
-        cursor: pointer;
-        width: 20px;
-        height: 20px;
-        background-image: url(@/assets/images/coursewareManage/close.png);
-        background-size: 100% 100%;
-      }
-    }
-
-    .body {
-      width: 100%;
-      margin: 34px auto 56px auto;
-      display: flex;
-      justify-content: center;
-      align-items: center;
-    }
-
-    .del_btnbox {
-      display: flex;
-      margin: 30px auto;
-      justify-content: center;
-
-      .del_btn {
-        width: 100px;
-        height: 40px;
-        background: rgba(64, 158, 255, 0);
-        border-radius: 8px;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        margin-right: 14px;
-        flex-shrink: 0;
-        cursor: pointer;
-
-        .btnText {
-          font-size: 14px;
-          font-weight: 400;
-          line-height: 40px;
-        }
-      }
-
-      .btn1 {
-        border: 1px solid rgba(64, 158, 255, 1);
-        color: #4ea6ff;
-      }
-
-      .btn2 {
-        background-color: #4ea6ff;
-        color: #ffffff;
-      }
-    }
-  }
-}
-.CreatePath {
-        .out {
-          z-index: 9999;
-          display: block;
-          position: absolute;
-          top: 90px;
-          width:800px  !important;
-          height:750px;
-          background-color: #fff;
-
-          box-shadow: 0 0 10px rgba(118, 136, 166, 0.21);
-          left: 50%;
-          top:300px  ;
-          transform: translate(-50%, -50%);
-
-          .top {
-            width: 100%;
-            height: 68px;
-
-            background: linear-gradient(
-              rgba(78, 166, 255, 0.2) 0%,
-              rgba(78, 166, 255, 0) 100%
-            );
-            display: flex;
-            align-items: center;
-
-            .topimg {
-              width: 18px;
-              height: 18px;
-              margin-left: 27px;
-              margin-top: -2px;
-            }
-
-            .topc {
-              color: #000000;
-              font-size: 16px;
-              margin-left: 8px;
-            }
-          }
-
-          .mid {
-            width: 100%;
-            height: 100%;
-            background-color: #fff;
-            display: flex;
-            flex-direction: column;
-            align-items: center;
-
-            .d {
-              // margin-top: 8px;
-              // color: #ff4e4e;
-              margin-left: -5px;
-            }
-          }
-        }
-}
-</style>
+</style>
\ No newline at end of file
diff --git a/src/views/lecturer/LecturerFeeStatistics.vue b/src/views/lecturer/LecturerFeeStatistics.vue
index 23be120d..9b9d8ff0 100644
--- a/src/views/lecturer/LecturerFeeStatistics.vue
+++ b/src/views/lecturer/LecturerFeeStatistics.vue
@@ -55,8 +55,17 @@
     <!-- 翻页 -->
     <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="false"
+        :showQuickJumper="true"
+        :hideOnSinglePage="true"
+        :pageSize="searchParam.pageSize"
+        :current="searchParam.pageNo"
+        :total="tableDataTotal"
+        class="pagination"
+        @change="changePagination"
+      />
       </div>
     </div>
     <!-- 二级页面弹窗组件 -->
diff --git a/src/views/lecturer/LookExternalLecturer.vue b/src/views/lecturer/LookExternalLecturer.vue
index de478c47..3958d5bf 100644
--- a/src/views/lecturer/LookExternalLecturer.vue
+++ b/src/views/lecturer/LookExternalLecturer.vue
@@ -5,7 +5,12 @@ ExternalLecturer
     <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>
+     <router-link to="/lecturerList" class="goback">
+            <span class="return"></span>
+            <router-link class="returntext" to="/lecturerList" style="line-height:47px ">
+              返回
+            </router-link>
+          </router-link>
      </a-layout-header>
     <a-divider style="height: 1px; background-color: #b7b8b7 ;margin: 0;" />
     <a-layout-content>
@@ -285,5 +290,27 @@ export default{
 ::v-deep .ant-descriptions-header{
     margin-bottom: 10px ;
 }
+.goback {
+        float: right;
+        padding-right: 70px;
+        //padding-top: 37px;
+        position: relative;
 
+        .return {
+          display: inline-block;
+          width: 42px;
+          height: 42px;
+          margin-top: 17px;
+          margin-right: 10px;
+          background-image: url("../../assets/images/projectadd/return.png");
+        }
+
+        .returntext {
+          display: inline-block;
+          position: absolute;
+          top: 12px;
+          color: #4ea6ff;
+          font-size: 14px;
+        }
+      }
 </style>
\ No newline at end of file
diff --git a/src/views/lecturer/LookInsideLecturer.vue b/src/views/lecturer/LookInsideLecturer.vue
index 6ea78581..61f9936e 100644
--- a/src/views/lecturer/LookInsideLecturer.vue
+++ b/src/views/lecturer/LookInsideLecturer.vue
@@ -3,7 +3,12 @@
     <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>
+     <router-link to="/lecturerList" class="goback">
+            <span class="return"></span>
+            <router-link class="returntext" to="/lecturerList" style="line-height:47px ">
+              返回
+            </router-link>
+          </router-link>
      </a-layout-header>
     <a-divider style="height: 1px; background-color: #b7b8b7 ;margin: 0;" />
     <a-layout-content>
@@ -12,15 +17,17 @@
         <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="讲师头像">
+      <a-avatar :src="formParam.photo" /></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.tsystemName}}</a-descriptions-item>
     <!-- 二层 -->
-    <a-descriptions-item label="讲师级别">{{formParam.levelId }}</a-descriptions-item>
+    <a-descriptions-item label="讲师级别">{{formParam.tlevelName
+ }}</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.payrollPlaceName}}</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>
@@ -57,20 +64,20 @@
         </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"
-          />
+        <a-pagination
+          v-if="tableDataTotal > 10"
+        :showSizeChanger="false"
+        :showQuickJumper="true"
+        :hideOnSinglePage="true"
+        :pageSize="searchParam.pageSize"
+        :current="searchParam.pageNo"
+        :total="tableDataTotal"
+        class="pagination"
+        @change="changePagination"
+      />
           </div>
        </a-tab-pane>
     <a-tab-pane key="2" tab="晋级记录">
-      {{ teacherrepromo.id }}
       <a-table :header-cell-style="{ 'text-align': 'center' }" style="border: 1px solid #f2f6fe" :columns="promotionrecordsColumns"
         
           :data-source="promotionrecordstableData" :loading="promotionrecordsLoading" @expand="expandTable" :pagination="false">
@@ -78,16 +85,17 @@
           </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"
-          />
+          <a-pagination
+          v-if="teacherrepromotableDataTotal > 10"
+        :showSizeChanger="false"
+        :showQuickJumper="true"
+        :hideOnSinglePage="true"
+        :pageSize="teacherrepromo.pageSize"
+        :current="teacherrepromo.pageNo"
+        :total="teacherrepromotableDataTotal"
+        class="pagination"
+        @change="teacherrepromoPagination"
+      />
           </div>
        </a-tab-pane>
   </a-tabs>
@@ -122,7 +130,7 @@ export default{
         id: null
       },
       teacherrepromo:{
-        id:null,
+        userId:null,
         pageNo: "1",
         pageSize: "10",
       }
@@ -133,8 +141,9 @@ export default{
       getTeacherById(state.id).then((res) => {
         console.log("内部讲师详情", res.data);
         state.formParam = res.data.data[0];
-        state.teacherrepromo.id=res.data.data[0].kid
+        state.teacherrepromo.userId=res.data.data[0].kid
         console.log(state.teacherrepromo.kid);
+        getpromotionrecordstableData()
       })
         .catch((err) => {
           console.log("内部讲师详情", err);
@@ -288,8 +297,8 @@ export default{
       },
       {
         title: '变更结果',
-        dataIndex: 'afterInfo',
-        key: 'afterInfo',
+        dataIndex: 'levelName',
+        key: 'levelName',
         elipsis: true, align: "center",
         width: 120,
       },
@@ -313,7 +322,7 @@ export default{
       })
       state.promotionrecordsLoading = false
     };
-    getpromotionrecordstableData()
+    // getpromotionrecordstableData()
         return{
             ...toRefs(state),
             router,
@@ -368,5 +377,27 @@ export default{
 ::v-deep .ant-descriptions-header{
     margin-bottom: 10px ;
 }
+.goback {
+        float: right;
+        padding-right: 70px;
+        //padding-top: 37px;
+        position: relative;
 
+        .return {
+          display: inline-block;
+          width: 42px;
+          height: 42px;
+          margin-top: 17px;
+          margin-right: 10px;
+          background-image: url("../../assets/images/projectadd/return.png");
+        }
+
+        .returntext {
+          display: inline-block;
+          position: absolute;
+          top: 12px;
+          color: #4ea6ff;
+          font-size: 14px;
+        }
+      }
 </style>
\ No newline at end of file
diff --git a/src/views/lecturer/TeachingRecord.vue b/src/views/lecturer/TeachingRecord.vue
index 9cbeeeb5..ee6fe934 100644
--- a/src/views/lecturer/TeachingRecord.vue
+++ b/src/views/lecturer/TeachingRecord.vue
@@ -1,6 +1,6 @@
 <!-- 授课记录 -->
 <template>
-    <div >
+    <div class="TeachingRecord" >
       <div style="margin: 20px;" >
       <a-tabs v-model:activeKey="activeKey">
     <a-tab-pane key="1" tab="内部授课">
@@ -37,4 +37,276 @@
   };
   </script>
   <style lang="scss" scoped>
+    .TeachingRecord {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+
+  .filter {
+    margin-left: 38px;
+    margin-right: 38px;
+    margin-top: 30px;
+    display: flex;
+    justify-content: space-between;
+    flex-wrap: wrap;
+
+    .filterItems {
+      display: flex;
+      flex-wrap: wrap;
+
+      .select {
+        margin-right: 20px;
+        margin-bottom: 20px;
+      }
+
+      .addTimeBox {
+        position: relative;
+        display: flex;
+        align-items: center;
+
+        .addTime {
+          position: absolute;
+          z-index: 10;
+          margin-left: 10px;
+          color: rgba(0, 0, 0, 0.4);
+        }
+
+        .ant-picker {
+          padding-left: 85px;
+        }
+
+        .ant-picker-range .ant-picker-active-bar {
+          margin-left: 85px;
+        }
+      }
+
+      .btn {
+        padding: 0px 26px 0px 26px;
+        height: 38px;
+        background: #4ea6ff;
+        border-radius: 8px;
+        border: 1px solid rgba(64, 158, 255, 1);
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        margin-right: 14px;
+        flex-shrink: 0;
+        cursor: pointer;
+
+        .search {
+          background-size: 100%;
+        }
+
+        .btnText {
+          font-size: 14px;
+          font-weight: 400;
+          color: #fff;
+          line-height: 36px;
+          margin-left: 5px;
+        }
+      }
+
+      .btnn {
+        padding: 0px 26px 0px 26px;
+        height: 38px;
+        background: #4ea6ff;
+        border-radius: 8px;
+        border: 1px solid rgba(64, 158, 255, 1);
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        margin-right: 14px;
+        flex-shrink: 0;
+        cursor: pointer;
+
+        .search {
+          background-size: 100%;
+        }
+
+        .btnText {
+          font-size: 14px;
+          font-weight: 400;
+          color: #ffffff;
+          line-height: 36px;
+          margin-left: 5px;
+        }
+      }
+
+      .btn1 {
+        .search {
+          width: 15px;
+          height: 17px;
+          background-image: url("../../assets/images/courseManage/search0.png");
+        }
+      }
+
+      .btn2 {
+        .search {
+          width: 16px;
+          height: 18px;
+          background-image: url("../../assets/images/courseManage/reset0.png");
+        }
+      }
+
+      .btn1:active {
+        background: #0982ff;
+      }
+
+      // .btn2:hover {
+      //   background: rgba(64, 158, 255, 0.1);
+      // }
+
+      .btn2:active {
+        background: #0982ff;
+      }
+    }
+
+    .btns {
+      display: flex;
+
+      // flex-wrap: wrap;
+      .btn {
+        padding: 0px 26px 0px 26px;
+        height: 38px;
+        background: #4ea6ff;
+        border-radius: 8px;
+        border: 1px solid rgba(64, 158, 255, 1);
+        display: flex;
+        align-items: center;
+        cursor: pointer;
+        justify-content: center;
+        margin-right: 14px;
+        flex-shrink: 0;
+
+        .search {
+          background-size: 100%;
+        }
+
+        .btnText {
+          font-size: 14px;
+          font-weight: 400;
+          color: #ffffff;
+          line-height: 36px;
+          margin-left: 5px;
+        }
+      }
+
+      .btn3 {
+        margin-right: 0px;
+
+        .search {
+          width: 17px;
+          height: 18px;
+          background-image: url("../../assets/images/courseManage/add0.png");
+        }
+      }
+
+      // .btn3:hover {
+      //   background: rgba(64, 158, 255, 0.76);
+      // }
+
+      .btn3:active {
+        background: #0982ff;
+      }
+    }
+  }
+
+  .tableBox {
+    margin: 20px 38px 30px;
+
+    .ant-table-thead>tr>th {
+      background-color: #eff4fc;
+    }
+
+    th {
+      background-color: #eff4fc !important;
+      text-align: center !important;
+    }
+  }
+
+  .tableBox {
+    padding-bottom: 20px;
+
+    .pa {
+      // position: absolute;
+      // bottom: 20px;
+      // left: 0;
+      width: 100%;
+      // height: 20px;
+      // background-color: red;
+      display: flex;
+      justify-content: center;
+      // margin-bottom: 10px;
+      // position: absolute;
+      // bottom: -40px;
+    }
+  }
+
+  .operation {
+    font-size: 14px;
+    font-weight: 400;
+    color: #4ea6ff;
+    margin-right: -45px;
+    display: flex;
+    justify-content: right;
+    margin-right: 18px;
+
+    // line-height: 36px;
+    .operation1 {
+      margin-left: 21px;
+      width: 28px;
+      display: inline-block;
+    }
+
+    .operation3 {
+      margin-left: 21px;
+      width: 70px;
+      display: inline-block;
+      text-align: center;
+    }
+
+    .more {
+      width: 50px;
+      display: inline-block;
+      margin-left: 21px;
+      position: relative;
+      text-align: left;
+
+      // z-index: 99999;
+      .moreArrow {
+        width: 13px;
+        height: 7px;
+        display: inline-block;
+        background-image: url("../../assets/images/navtop/down.png");
+        background-size: 100%;
+        margin: 2px;
+        margin-left: 7px;
+      }
+
+      .moreItems {
+        width: 80px;
+        padding: 5px;
+        display: none;
+        background: #ffffff;
+        box-shadow: 2px 3px 9px 3px rgba(0, 0, 0, 0.05);
+        border-radius: 3px;
+        border: 0px solid #dcdcdc;
+        position: absolute;
+        left: 0px;
+        top: 28px;
+        z-index: 100;
+        text-align: center;
+      }
+    }
+
+    .more:hover .moreArrow {
+      background-image: url("../../assets/images/navtop/up.png");
+    }
+
+    .more:hover .moreItems {
+      display: block;
+    }
+  }
+}
 </style>
\ No newline at end of file