From fd3ef9de10e102aed1f25c3ebbae91bd57f7e9bd Mon Sep 17 00:00:00 2001
From: wangxuemei <283912718@qq.com>
Date: Fri, 5 Jul 2024 14:30:10 +0800
Subject: [PATCH] =?UTF-8?q?=E8=AE=B2=E5=B8=88=E8=B4=B9=E7=AE=A1=E7=90=86?=
 =?UTF-8?q?=E7=BB=9F=E8=AE=A1=20--=E9=A1=B5=E9=9D=A2=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/lecturerFeeManagement.js             |   17 +
 src/api/lecturerFeeStatistics.js             |    9 +
 src/components/BreadCrumb.vue                |   27 +
 src/components/NavLeft.vue                   |   27 +-
 src/views/lecturer/ExternalLecturer.vue      |   33 +-
 src/views/lecturer/ExternalTeaching.vue      |    1 +
 src/views/lecturer/InsideLecturer.vue        |   31 +-
 src/views/lecturer/InsideTeaching.vue        |   12 +-
 src/views/lecturer/LecturerFeeManagement.vue | 1531 ++++++++++++++++++
 src/views/lecturer/LecturerFeeStatistics.vue | 1183 ++++++++++++++
 10 files changed, 2844 insertions(+), 27 deletions(-)
 create mode 100644 src/api/lecturerFeeManagement.js
 create mode 100644 src/api/lecturerFeeStatistics.js
 create mode 100644 src/views/lecturer/LecturerFeeManagement.vue
 create mode 100644 src/views/lecturer/LecturerFeeStatistics.vue

diff --git a/src/api/lecturerFeeManagement.js b/src/api/lecturerFeeManagement.js
new file mode 100644
index 00000000..282deb09
--- /dev/null
+++ b/src/api/lecturerFeeManagement.js
@@ -0,0 +1,17 @@
+import http from "./config";
+// 获取讲师费列表
+export const getTeacherFeeList = (params) => http.get('/teacher/fee/getTeacherFeeList', {params})
+//获取讲师费详情
+export const getTeacherFeeDetail= (obj) => http.post('/teacher/fee/getTeacherFeeDetail',obj)
+//添加讲师费
+export const addTeacherFee= (obj) => http.post('/teacher/fee/addTeacherFee',obj)
+//修改讲师费信息
+export const updateTeacherFee= (obj) => http.post('/teacher/fee/updateTeacherFee',obj)
+//修改讲师费状态(已提交)
+export const updateStatusSubmit= (obj) => http.post('/teacher/fee/updateStatusSubmit',obj)
+//修改讲师费状态(已撤回)
+export const updateStatusWithDraw= (obj) => http.post('/teacher/fee/updateStatusWithDraw',obj)
+//获取培训发生组织列表
+export const getTrainOrg= (obj) => http.post('/teacher/fee/getTrainOrg',obj)
+//获取讲师级别
+export const getTeacherLevel= (obj) => http.post('/teacher/fee/getTeacherLevel',obj)
diff --git a/src/api/lecturerFeeStatistics.js b/src/api/lecturerFeeStatistics.js
new file mode 100644
index 00000000..2caf9c15
--- /dev/null
+++ b/src/api/lecturerFeeStatistics.js
@@ -0,0 +1,9 @@
+import http from "./config";
+// 列表查看讲师费月度统计
+export const queryTeacherFeeTotalList = (params) => http.get('teacher/fee/queryTeacherFeeTotalList',{ params })
+// 列表查看讲师费月度统计详情
+export const queryTeacherFeeMonthly = (obj) => http.post('teacher/fee/queryTeacherFeeMonthly', obj)
+////讲师费月度统计--明细
+export const getTeacherFeeDetailListByTeacherNo = (params) => http.get('teacher/fee/getTeacherFeeDetailListByTeacherNo',{ params })
+//讲师费明细
+export const getTeacherFeeListByTeacherNo = (obj) => http.post('teacher/fee/getTeacherFeeListByTeacherNo', obj)
\ No newline at end of file
diff --git a/src/components/BreadCrumb.vue b/src/components/BreadCrumb.vue
index 124625dd..5f15d6c4 100644
--- a/src/components/BreadCrumb.vue
+++ b/src/components/BreadCrumb.vue
@@ -164,6 +164,33 @@
                     },
                   ];
                 }
+                if (
+                        n.indexOf("/lecturerfeemanagement") !== -1 
+                ) {
+                  state.list = [
+                    {
+                      name: "讲师费",
+                      href: "",
+                    },
+                    {
+                      name: "讲师费管理",
+                      href: "",
+                    },
+                  ];
+                }if (
+                        n.indexOf("/lecturerfeestatistics") !== -1 
+                ) {
+                  state.list = [
+                    {
+                      name: "讲师费",
+                      href: "",
+                    },
+                    {
+                      name: "讲师费统计",
+                      href: "",
+                    },
+                  ];
+                }
                 if (
                         n.indexOf("/projectadd") !== -1 ||
                         n.indexOf("/ProjectAdd") !== -1
diff --git a/src/components/NavLeft.vue b/src/components/NavLeft.vue
index 3c5b27a0..9af4cc76 100644
--- a/src/components/NavLeft.vue
+++ b/src/components/NavLeft.vue
@@ -655,7 +655,32 @@
             <router-link to="/externalteaching">外部授课</router-link>
           </a-menu-item>
         </a-sub-menu>
-
+        <a-sub-menu key="sub26" @titleClick="titleClick">
+          <template #icon>
+            <div class="imgBox">
+              <img style="width: 15px; height: 15px" src="../assets/images/navleft/project.png" />
+            </div>
+          </template>
+          <template #title>讲师费</template>
+          <a-menu-item key="sub26-1">
+            <span
+                :class="{
+                circleActive: selectedKeys[0] === 'sub26-1' ? true : false,
+                circle: selectedKeys[0] === 'sub26-1' ? false : true,
+              }"
+            ></span>
+            <router-link to="/lecturerfeemanagement">讲师费管理</router-link>
+          </a-menu-item>
+          <a-menu-item key="sub26-2">
+            <span
+                :class="{
+                circleActive: selectedKeys[0] === 'sub26-2' ? true : false,
+                circle: selectedKeys[0] === 'sub26-2' ? false : true,
+              }"
+            ></span>
+            <router-link to="/lecturerfeestatistics">讲师费统计</router-link>
+          </a-menu-item>
+        </a-sub-menu>
       </a-menu>
     </div>
     <div
diff --git a/src/views/lecturer/ExternalLecturer.vue b/src/views/lecturer/ExternalLecturer.vue
index a3af8f08..ddce319f 100644
--- a/src/views/lecturer/ExternalLecturer.vue
+++ b/src/views/lecturer/ExternalLecturer.vue
@@ -414,7 +414,7 @@ export default {
       state.teacherdialog = true;
       state.teacherdialogtitle = '修改信息'
       state.lookTeacherId = record.id
-      TeacherSystem()
+      TeacherSystem(record)
     }
     //保存
     const createTeacherDialog = () => {
@@ -497,7 +497,8 @@ export default {
         mobile: null,
         email: null,
         teacherIntrofuce: null,
-        remark: null
+        remark: null,
+        id:null
       }
       console.log(state.formParam);
     }
@@ -509,17 +510,27 @@ export default {
       state.userNoid = record.userNo
       state.lookTeacherId = record.id
       // alert(record.grade)
-      TeacherSystem()
+      TeacherSystem(record)
     }
     //外部讲师详情
-    const TeacherSystem = () => {
-      getOuterTeacherById(state.lookTeacherId).then((res) => {
-        console.log("外部讲师详情", res.data);
-        state.formParam = res.data.data
-      })
-        .catch((err) => {
-          console.log("外部讲师详情", err);
-        });
+    const TeacherSystem = (record) => {
+      // getOuterTeacherById(state.lookTeacherId).then((res) => {
+      //   console.log("外部讲师详情", res.data);
+      //   state.formParam = res.data.data
+      // })
+      //   .catch((err) => {
+      //     console.log("外部讲师详情", err);
+      //   });
+      state.formParam={
+        name:record.name,
+        mobile:record.mobile,
+        email:record.email,
+        teacherIntrofuce:record.teacherIntrofuce,
+        remark:record.remark,
+      }
+      if(record.id!=null ){
+      state.formParam.id = record.id 
+      }
     }
     // tab 标签切换
     const particulars = () => {
diff --git a/src/views/lecturer/ExternalTeaching.vue b/src/views/lecturer/ExternalTeaching.vue
index ddf00e6e..0364503a 100644
--- a/src/views/lecturer/ExternalTeaching.vue
+++ b/src/views/lecturer/ExternalTeaching.vue
@@ -271,6 +271,7 @@ export default {
       pageSize: 10,
       tableDataTotal: -1,//table列表总条数
       formParam: {
+        type1:1,
       },
       searchParam: {
         pageNo: 1,
diff --git a/src/views/lecturer/InsideLecturer.vue b/src/views/lecturer/InsideLecturer.vue
index 6908e198..575857d2 100644
--- a/src/views/lecturer/InsideLecturer.vue
+++ b/src/views/lecturer/InsideLecturer.vue
@@ -750,17 +750,7 @@ export default {
     ])
     // 搜索
     const searchSubmit = () => {
-      // getLevelLista()
-      // LecturerSystemLista()
-      // PlaceOfPayLista()
-      // getTableDate();
-      // let obj ={
-      //   id:0
-      //   name :'修改测试'
-      // }
-      // updatelnTeacher().then((res)=>{
-      //   message.success('修改成功')
-      // })
+      getTableDate();
     };
     //重置
     const searchReset = () => {
@@ -1161,7 +1151,7 @@ export default {
       state. teacherrepromo.userNo= state.lookTeacherId
       // api接口
       let a = {
-        userNo :'00004409',
+        userNo :state.teacherrepromo,
         pageNo: "1",
         pageSize: "10",
       }
@@ -1691,3 +1681,20 @@ export default {
   }
 }
 </style>
+
+
+
+
+<!-- //二级页面翻页
+      const feeMonthlyPagination = (page,pageSize) => {
+        state.queryFeeMonthly.pageNo = page;
+        TeacherSystem();
+      };
+      const handleLooka= (record)=>{
+
+      } -->
+      <!--  tableLoading:false,
+        tableLoadinga:false,
+        tableDataTotal: -1,//table列表总条数
+        feeMonthlytableDataTotal:-1,//二级列表总条数 -->
+        <!--  -->
\ No newline at end of file
diff --git a/src/views/lecturer/InsideTeaching.vue b/src/views/lecturer/InsideTeaching.vue
index 4d4fb8e9..b39d2403 100644
--- a/src/views/lecturer/InsideTeaching.vue
+++ b/src/views/lecturer/InsideTeaching.vue
@@ -369,6 +369,7 @@
 </template>
 <script lang="jsx">
 import { reactive, toRefs, ref } from "vue";
+import moment, { Moment } from 'moment';
 import { useRouter } from "vue-router";
 import Editor from "@/components/project/Editor";
 import Upload from "@/components/project/Upload";
@@ -696,7 +697,7 @@ export default {
     }
     //保存
     const createTeacherDialog =()=>{
-      if (state.formParam.userNo != undefined) {
+      if (state.formParam.offcourseId != null ) {
                       updateInTeacherCourse (state.formParam).then(response => {
                             message.success("修改成功");
                         });
@@ -756,6 +757,7 @@ export default {
         score:null,
         type:null,
         remark:null,
+        offcourseId:null
       }
      
     }
@@ -799,13 +801,17 @@ export default {
         defaultTeachingTime:record.defaultTeachingTime,
         tlevelName:record.tlevelName,
         name:record.name,
-        // beginTime:record.beginTime,
+        beginTime:  moment(record.beginTime, 'YYYY-MM-DD'),
+        // ref< moment.Moment >(moment(record.beginTime,'YYYY-MM-DD')),
+        //  record.beginTime,
         duration:record.duration,
         studys:record.studys,
         score:record.score,
         type:record.type,
         remark:record.remark,
-        userNo:record.userNo
+        userNo:record.userNo,
+        type1:record.type1,
+        offcourseId:record.offcourseId,
       }
     }
     //导出功能
diff --git a/src/views/lecturer/LecturerFeeManagement.vue b/src/views/lecturer/LecturerFeeManagement.vue
new file mode 100644
index 00000000..0aad4775
--- /dev/null
+++ b/src/views/lecturer/LecturerFeeManagement.vue
@@ -0,0 +1,1531 @@
+<!-- 讲师费管理页面 -->
+<template>
+  <div class="LecturerFeeManagement">
+    <div>
+  </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" :title="teacherdialogtitle" @ok="closeModal2" :footer="null" :closable="false"
+      wrapClassName="doublepro" width="774px" height="476px">
+      <div style="cursor: pointer; margin-right: 32px;float: right; margin-top: -40px;" @click="cancelTeacherDialog">
+            <img
+              style="width: 22px; height: 22px"
+              src="../../assets/images/basicinfo/close22.png"
+            />
+          </div>
+      <div style="padding-bottom: 15px;" >
+        <div style="border: 1px rgb(177, 177, 177) solid; margin-left: 33px; margin-right: 33px; margin-bottom: 33px;" 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-input type="textarea"  v-if="teacherdialog1 == 0" v-model:value="formParam.remark"
+                  style="width:550px; height: 115px; ">
+                </a-input>
+                <span v-if="teacherdialog1 == 1" class=display1>{{ formParam.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>
+    </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 {getTeacherPayRollPriceList} 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 { 
+  name: "LecturerFeeManagement",
+  components: {
+  },
+  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,
+      },
+    })
+
+ 
+    //培训发生组织
+    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 =() => {
+      getTeacherPayRollPriceList().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,
+    }
+  },
+};
+</script>
+<style lang="scss">
+//导出按钮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 {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+
+  .filter {
+    margin-left: 38px;
+    margin-right: 38px;
+    margin-top: 30px;
+    display: flex;
+    justify-content: space-between;
+    flex-wrap: wrap;
+
+    .filterItems {
+      display: flex;
+      flex-wrap: wrap;
+
+      .select {
+        margin-right: 20px;
+        margin-bottom: 20px;
+      }
+
+      .addTimeBox {
+        position: relative;
+        display: flex;
+        align-items: center;
+
+        .addTime {
+          position: absolute;
+          z-index: 10;
+          margin-left: 10px;
+          color: rgba(0, 0, 0, 0.4);
+        }
+
+        .ant-picker {
+          padding-left: 85px;
+        }
+
+        .ant-picker-range .ant-picker-active-bar {
+          margin-left: 85px;
+        }
+      }
+
+      .btn {
+        padding: 0px 26px 0px 26px;
+        height: 38px;
+        background: #4ea6ff;
+        border-radius: 8px;
+        border: 1px solid rgba(64, 158, 255, 1);
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        margin-right: 14px;
+        flex-shrink: 0;
+        cursor: pointer;
+
+        .search {
+          background-size: 100%;
+        }
+
+        .btnText {
+          font-size: 14px;
+          font-weight: 400;
+          color: #fff;
+          line-height: 36px;
+          margin-left: 5px;
+        }
+      }
+
+      .btnn {
+        padding: 0px 26px 0px 26px;
+        height: 38px;
+        background: #4ea6ff;
+        border-radius: 8px;
+        border: 1px solid rgba(64, 158, 255, 1);
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        margin-right: 14px;
+        flex-shrink: 0;
+        cursor: pointer;
+
+        .search {
+          background-size: 100%;
+        }
+
+        .btnText {
+          font-size: 14px;
+          font-weight: 400;
+          color: #ffffff;
+          line-height: 36px;
+          margin-left: 5px;
+        }
+      }
+
+      .btn1 {
+        .search {
+          width: 15px;
+          height: 17px;
+          background-image: url("../../assets/images/courseManage/search0.png");
+        }
+      }
+
+      .btn2 {
+        .search {
+          width: 16px;
+          height: 18px;
+          background-image: url("../../assets/images/courseManage/reset0.png");
+        }
+      }
+
+      // .btn1:hover {
+      //   background: rgba(64, 158, 255, 0.76);
+
+      //   .search {
+      //     background-image: url("../../assets/images/courseManage/search0.png");
+      //   }
+
+      //   .btnText {
+      //     color: #ffffff;
+      //   }
+      // }
+
+      .btn1:active {
+        background: #0982ff;
+      }
+
+      // .btn2:hover {
+      //   background: rgba(64, 158, 255, 0.1);
+      // }
+
+      .btn2:active {
+        background: #0982ff;
+      }
+    }
+
+    .btns {
+      display: flex;
+
+      // flex-wrap: wrap;
+      .btn {
+        padding: 0px 26px 0px 26px;
+        height: 38px;
+        background: #4ea6ff;
+        border-radius: 8px;
+        border: 1px solid rgba(64, 158, 255, 1);
+        display: flex;
+        align-items: center;
+        cursor: pointer;
+        justify-content: center;
+        margin-right: 14px;
+        flex-shrink: 0;
+
+        .search {
+          background-size: 100%;
+        }
+
+        .btnText {
+          font-size: 14px;
+          font-weight: 400;
+          color: #ffffff;
+          line-height: 36px;
+          margin-left: 5px;
+        }
+      }
+
+      .btn3 {
+        margin-right: 0px;
+
+        .search {
+          width: 17px;
+          height: 18px;
+          background-image: url("../../assets/images/courseManage/add0.png");
+        }
+      }
+
+      // .btn3:hover {
+      //   background: rgba(64, 158, 255, 0.76);
+      // }
+
+      .btn3:active {
+        background: #0982ff;
+      }
+    }
+  }
+
+  .tableBox {
+    margin: 20px 38px 30px;
+
+    .ant-table-thead>tr>th {
+      background-color: #eff4fc;
+    }
+
+    th {
+      background-color: #eff4fc !important;
+      text-align: center !important;
+    }
+  }
+
+  .tableBox {
+    padding-bottom: 20px;
+
+    .pa {
+      // position: absolute;
+      // bottom: 20px;
+      // left: 0;
+      width: 100%;
+      // height: 20px;
+      // background-color: red;
+      display: flex;
+      justify-content: center;
+      // margin-bottom: 10px;
+      // position: absolute;
+      // bottom: -40px;
+    }
+  }
+
+  .operation {
+    font-size: 14px;
+    font-weight: 400;
+    color: #4ea6ff;
+    margin-right: -45px;
+    display: flex;
+    justify-content: right;
+    margin-right: 18px;
+
+    // line-height: 36px;
+    .operation1 {
+      margin-left: 21px;
+      width: 28px;
+      display: inline-block;
+    }
+
+    .operation3 {
+      margin-left: 21px;
+      width: 70px;
+      display: inline-block;
+      text-align: center;
+    }
+
+    .more {
+      width: 50px;
+      display: inline-block;
+      margin-left: 21px;
+      position: relative;
+      text-align: left;
+
+      // z-index: 99999;
+      .moreArrow {
+        width: 13px;
+        height: 7px;
+        display: inline-block;
+        background-image: url("../../assets/images/navtop/down.png");
+        background-size: 100%;
+        margin: 2px;
+        margin-left: 7px;
+      }
+
+      .moreItems {
+        width: 80px;
+        padding: 5px;
+        display: none;
+        background: #ffffff;
+        box-shadow: 2px 3px 9px 3px rgba(0, 0, 0, 0.05);
+        border-radius: 3px;
+        border: 0px solid #dcdcdc;
+        position: absolute;
+        left: 0px;
+        top: 28px;
+        z-index: 100;
+        text-align: center;
+      }
+    }
+
+    .more:hover .moreArrow {
+      background-image: url("../../assets/images/navtop/up.png");
+    }
+
+    .more:hover .moreItems {
+      display: block;
+    }
+  }
+}
+
+.delete {
+  z-index: 9999;
+  width: 424px;
+  background: #ffffff;
+  box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21);
+  border-radius: 4px;
+  position: absolute;
+  left: 50%;
+  top: 10%;
+  transform: translate(-50%, -50%);
+
+  .del_header {
+    position: absolute;
+    width: calc(100%);
+    height: 40px;
+    background: linear-gradient(rgba(78, 166, 255, 0.2) 0%,
+        rgba(78, 166, 255, 0) 100%);
+  }
+
+  .del_main {
+    width: 100%;
+    position: relative;
+
+    .header {
+      display: flex;
+      align-items: center;
+      padding-top: 20px;
+      padding-left: 26px;
+      font-size: 16px;
+
+      .del-icon {
+        width: 16px;
+        height: 16px;
+        margin-right: 10px;
+        background-image: url(@/assets/images/coursewareManage/notice.png);
+        background-size: 100% 100%;
+      }
+
+      .icon {
+        width: 16px;
+        height: 16px;
+        margin-right: 10px;
+        background-image: url(@/assets/images/coursewareManage/QR.png);
+        background-size: 100% 100%;
+      }
+
+      .close_exit {
+        position: absolute;
+        right: 42px;
+        cursor: pointer;
+        width: 20px;
+        height: 20px;
+        background-image: url(@/assets/images/coursewareManage/close.png);
+        background-size: 100% 100%;
+      }
+    }
+
+    .body {
+      width: 100%;
+      margin: 34px auto 56px auto;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+    }
+
+    .del_btnbox {
+      display: flex;
+      margin: 30px auto;
+      justify-content: center;
+
+      .del_btn {
+        width: 100px;
+        height: 40px;
+        background: rgba(64, 158, 255, 0);
+        border-radius: 8px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        margin-right: 14px;
+        flex-shrink: 0;
+        cursor: pointer;
+
+        .btnText {
+          font-size: 14px;
+          font-weight: 400;
+          line-height: 40px;
+        }
+      }
+
+      .btn1 {
+        border: 1px solid rgba(64, 158, 255, 1);
+        color: #4ea6ff;
+      }
+
+      .btn2 {
+        background-color: #4ea6ff;
+        color: #ffffff;
+      }
+    }
+  }
+}
+</style>
diff --git a/src/views/lecturer/LecturerFeeStatistics.vue b/src/views/lecturer/LecturerFeeStatistics.vue
new file mode 100644
index 00000000..ce3cefed
--- /dev/null
+++ b/src/views/lecturer/LecturerFeeStatistics.vue
@@ -0,0 +1,1183 @@
+<!-- 讲师费统计页面 -->
+<template>
+  <div class="LecturerFeeStatistics">
+    <div>
+    </div>
+    <!-- 搜索框及按钮 -->
+    <div class="filter">
+      <div class="filterItems">
+        <div class="select addTimeBox">
+          <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 style="display: flex; margin-bottom: 20px">
+          <div class="btnn btn1" @click="searchSubmit">
+            <div class="search"></div>
+            <div class="btnText">搜索</div>
+          </div>
+          <div class="btn btn2" @click="searchReset">
+            <div class="search"></div>
+            <div class="btnText">重新汇总上月讲师费</div>
+          </div>
+        </div>
+      </div>
+      <!-- 表格 -->
+      <div style="padding: 10px 0">
+        <a-table :header-cell-style="{ 'text-align': 'center' }" style="border: 1px solid #f2f6fe" :columns="columns"
+          :data-source="tableData" :loading="tableLoading" @expand="expandTable" :pagination="false">
+          <template #bodyCell="{ record, column }">
+            <template v-if="column.key === 'operation'">
+              <a-space style="display:flex ;justify-content: space-around;  ">
+                <a-button type="link" @click="() => handleLook(record, String(record.courseform))">查看</a-button>
+                <a-button type="link" @click="() => handleModify(record, String(record.courseform))">导出</a-button>
+                <!-- <a-button type="link" @click="() => deleteModal(record, String(record.courseform))">删除</a-button> -->
+              </a-space>
+            </template>
+          </template>
+        </a-table>
+      </div>
+
+    </div>
+    <!-- 翻页 -->
+    <div class="tableBox ">
+      <div style="float: right;">
+        <a-pagination v-if="tableDataTotal > 10" :showSizeChanger="true" :hideOnSinglePage="true" :pageSize="pageSize"
+          v-model:current="searchParam.pageNo" :total="tableDataTotal" class="pagination" @change="changePagination" />
+      </div>
+    </div>
+    <!-- 二级页面弹窗组件 -->
+
+    <a-modal :visible="teacherdialog" :title="teacherdialogtitle" @ok="closeModal2" :footer="null" :closable="false"
+      wrapClassName="doublepro" width="1300px" height="476px">
+      <div style="padding-bottom: 15px;">
+        <div style="cursor: pointer; margin-right: 32px;float: right; margin-top: -40px;" @click="cancelTeacherDialog">
+          <img style="width: 22px; height: 22px" src="../../assets/images/basicinfo/close22.png" />
+        </div>
+        <div class="LecturerFeeStatistics">
+          <div class="filter">
+            <div class="filterItems">
+              <div style=" margin-right: 20px ;">周期 : {{ summaryDate }}</div>
+              <div>资源归属 :{{ resbgTxt }}</div>
+              <div style="width:100%; height:1px"></div>
+              <div class="select">
+                <a-input v-model:value="queryFeeMonthly.teacherNo" style="width: 230px; height: 40px; border-radius: 8px"
+                  placeholder="请输入工号/姓名检索" allowClear showSearch>
+                </a-input>
+              </div>
+              <div class="select">
+                <a-select style="width: 230px" v-model:value="queryFeeMonthly.payrollPlaceId" placeholder="发薪地"
+                  :options="PlaceOfPayList">
+                </a-select>
+              </div>
+              <div class="select">
+                <a-select style="width: 230px" placeholder="请选择所属组织" v-model:value="queryFeeMonthly.departId"
+                  :options="getOrganizationList">
+                </a-select>
+              </div>
+              <div class="del_btnbox" style="margin-top: 0px ;">
+                <a-button class="del_btn btn1" @click="searchFeeMonthlya">搜索</a-button>
+                <a-button class="del_btn btn2" @click="handleFeeMonthly">导出
+                </a-button>
+              </div>
+              <a-table :header-cell-style="{ 'text-align': 'center' }" style="border: 1px solid #f2f6fe"
+                :columns="columnsFeeDetail" :data-source="tableDataFeeDetail" :loading="tableLoading"
+                @expand="expandTable" :pagination="false">
+                <template #bodyCell="{ record, column }">
+                  <template v-if="column.key === 'operationa'">
+                    <a-space style="display:flex ;justify-content: space-around;  ">
+                      <a-button type="link" @click="() => handleLooka(record, String(record.courseform))">查看</a-button>
+                    </a-space>
+                  </template>
+                </template>
+              </a-table>
+            </div>
+          </div>
+          <!-- 二级列表翻页 -->
+          <div class="tableBox ">
+            <div style="float: right;">
+              <a-pagination v-if="tableDataFeeDetailTotal > 10" :showSizeChanger="true" :hideOnSinglePage="true"
+                :pageSize="pageSize" v-model:current="queryFeeMonthly.pageNo" :total="tableDataFeeDetailTotal"
+                class="pagination" @change="changeFeeDetailPagination" />
+            </div>
+          </div>
+        </div>
+      </div>
+    </a-modal>
+    <!-- 三级页面弹窗组件 -->
+    <a-modal :visible="teacherdialoga" title="讲师费月度统计--明细" @ok="closeModal2" :footer="null" :closable="false"
+      wrapClassName="doublepro" width="1300px" height="476px">
+      <div style="padding-bottom: 15px;">
+        <div style="cursor: pointer; margin-right: 32px;float: right; margin-top: -40px;" @click="cancelTeacherDialoga">
+          <img style="width: 22px; height: 22px" src="../../assets/images/basicinfo/close22.png" />
+        </div>
+        <div class="LecturerFeeStatistics">
+          <div class="filter">
+            <div class="filterItems">
+              <div style=" margin-right: 20px ;">周期 : {{ summaryDate }}</div>
+              <div>资源归属 :{{ resbgTxt }}</div>
+              <div style="width:100%; height:1px"></div>
+              <a-table :header-cell-style="{ 'text-align': 'center' }" style="border: 1px solid #f2f6fe"
+                :columns="columnstableDetailList" :data-source="tableDetailList" @expand="expandTable"
+                :pagination="false">
+                <template #bodyCell="{ record, column }">
+                  <template v-if="column.key === 'operationa'">
+                    <a-space style="display:flex ;justify-content: space-around;  ">
+                      <a-button type="link" @click="() => handleLooka(record, String(record.courseform))">操作</a-button>
+                    </a-space>
+                  </template>
+                </template>
+              </a-table>
+              <div style="width:100%; height:1px"></div>
+              <div>讲师费明细</div>
+              <a-table :header-cell-style="{ 'text-align': 'center' }" style="border: 1px solid #f2f6fe"
+                :columns="columnstableFeeList" :data-source="tableFeeList" @expand="expandTable" :pagination="false">
+                <template #bodyCell="{ record, column }">
+                  <template v-if="column.key === 'operationc'">
+                    <a-space style="display:flex ;justify-content: space-around;  ">
+                      <a-button type="link" @click="() => handleLooka(record, String(record.courseform))">操作</a-button>
+                    </a-space>
+                  </template>
+                </template>
+              </a-table>
+            </div>
+          </div>
+        </div>
+      </div>
+    </a-modal>
+  </div>
+</template>
+<script lang="jsx">
+import { reactive, toRefs, ref, watch } from "vue";
+import { message } from "ant-design-vue";
+import dayjs from "dayjs";
+import { getTeacherPayRollPriceList } from "../../api/Lecturer";
+import { getOrganization } from "../../api/Teaching";
+import { queryTeacherFeeTotalList, queryTeacherFeeMonthly, getTeacherFeeDetailListByTeacherNo, getTeacherFeeListByTeacherNo } from "../../api/lecturerFeeStatistics";
+export default {
+  name: "LecturerFeeStatistics",
+  components: {
+  },
+  setup() {
+    const state = reactive({
+      summaryDate: null,
+      resbgTxt: null,
+      tableDataTotal: -1,//table列表总条数,
+      tableDataFeeDetailTotal: -1, // 二级列表总条数
+      currentPage2: 1,
+      pageSize2: 10,
+      pageSize: 10,
+      teacherdialog: false,
+      teacherdialoga: false,
+      teacherdialogtitle: null,
+      searchParam: {
+        pageNo: "1",
+        pageSize: "10",
+        startDate: null,
+        endDate: null,
+      },
+      queryFeeMonthly: {
+        teacherNo: null,
+        payrollPlaceId: null,
+        departId: null,
+        pageNo: "1",
+        pageSize: "10"
+      },
+      queryTeacherFeeDetail: {
+        teacherNo: null,
+        teachingDate: null
+      },
+      querytableFee: {
+        teacherNo: null,
+        teachingDate: null,
+        pageNo: '1',
+        pageSize: '10',
+      }
+    })
+    watch(
+    )
+    const columns = ref([
+      {
+        title: '编号 ',
+        dataIndex: 'billNo',
+        key: 'billNo',
+        elipsis: true,
+        width: 120,
+      },
+      {
+        title: '资源归属 ',
+        dataIndex: 'resbgTxt',
+        key: 'resbgTxt',
+        elipsis: true,
+        width: 120,
+      },
+      {
+        title: '汇总周期 ',
+        dataIndex: 'summaryDate',
+        key: 'summaryDate',
+        elipsis: true,
+        width: 400,
+      },
+      {
+        title: '汇总日期 ',
+        dataIndex: 'summaryTime',
+        key: 'summaryTime',
+        elipsis: true,
+        width: 120,
+      },
+      {
+        title: '汇总金额 ',
+        dataIndex: 'totalFee',
+        key: 'totalFee',
+        elipsis: true,
+        width: 120,
+      },
+      {
+        title: '操作 ',
+        dataIndex: 'operation',
+        key: 'operation',
+        elipsis: true,
+        width: 300,
+        scopedSlots: { customRender: "action" },
+      },
+    ])
+    //列表数据
+    const tableData = ref([
+    ])
+    // 搜索
+    const searchSubmit = () => {
+      getTableDate();
+    };
+    //日期格式转化
+    const handleDate = () => {
+
+    }
+    //重新汇总上月
+    const searchReset = () => {
+      state.searchParam = {
+        pageNo: '1',
+        pageSize: '10',
+      }
+    } 
+    //二级页面搜索
+    const searchFeeMonthlya = () => {
+      TeacherSystem()
+    }
+    //  List接口数据
+    const getTableDate = (obj) => {
+      state.tableLoading = true
+      let objA = { ...state.searchParam };
+      // let objA = {"pageNo":"1","pageSize":"10","startDate":'2024-06-01',"endDate":'2024-06-30'};
+      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"): "",
+      queryTeacherFeeTotalList(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;
+      getTableDate();
+    };
+    //二级列表翻页
+    const changeFeeDetailPagination = (page, pageSize) => {
+      state.queryFeeMonthly.pageNo = page;
+      state.currentPage2 = page;
+      state.pageSize2 = pageSize;
+      TeacherSystem()
+    };
+    //讲师信息弹窗
+    const handleModify = (record) => {
+      state.teacherdialog = true;
+      state.teacherdialogtitle = '讲师费月度统计详情'
+      TeacherSystem()
+    }
+    const PlaceOfPayList = ref([
+    ])
+    //获取讲师发薪地列表
+    const PlaceOfPayLista = () => {
+      getTeacherPayRollPriceList().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 getOrganizationList = ref([
+      //   { value: 0, systemName: "讲师体系" },
+    ]);
+    //获取所属组织
+    const getOrganizationLista = () => {
+      // console.log('getOrganizationList')
+      getOrganization().then((res) => {
+        if (res.data.code === 200) {
+          let arr = res.data.data;
+          let array = [];
+          arr.map((value) => {
+            let obj = {
+              value: value.departId,
+              label: value.orgName,
+            };
+            array.push(obj);
+          });
+          getOrganizationList.value = array;
+        }
+      })
+    }
+    getOrganizationLista()
+    //二级页面取消按钮
+    const cancelTeacherDialog = () => {
+      if (state.teacherdialog = true) {
+        state.teacherdialog = false
+        cancel()
+      }
+    };
+    //三级页面取消按钮
+    const cancelTeacherDialoga = () => {
+      state.teacherdialoga = false
+    };
+    //清空数据
+    const cancel = () => {
+      state.queryFeeMonthly = {
+        teacherNo: null,
+        payrollPlaceId: null,
+        departId: null,
+        pageNo: "1",
+        pageSize: "10"
+      }
+    }
+    //表格内查看数据操作
+    const handleLook = (record) => {
+      state.teacherdialog = true;
+      state.teacherdialogtitle = '讲师费月度统计详情'
+      state.summaryDate = record.summaryDate;
+      state.resbgTxt = record.resbgTxt
+      state.queryFeeMonthly.summaryDate = record.summaryDate
+      TeacherSystem()
+    }
+    const tableDataFeeDetail = ref([
+    ])
+    //详情 
+    const TeacherSystem = () => {
+      queryTeacherFeeMonthly(state.queryFeeMonthly).then((res) => {
+        // state.formParam=Object.assign({} ,res.data.data)
+        state.formParam = res.data.data
+        state.tableDataFeeDetailTotal = Number(res.data.data.total);
+        tableDataFeeDetail.value = res.data.data.records
+      })
+        .catch((err) => {
+          console.log("详情", err);
+        });
+    }
+    //二级页面列表
+    const columnsFeeDetail = ref([
+      {
+        title: '讲师工号',
+        dataIndex: 'teacherNo',
+        key: 'teacherNo',
+        elipsis: true,
+        width: 150,
+      },
+      {
+        title: '讲师姓名 ',
+        dataIndex: 'teacherName',
+        key: 'teacherName',
+        elipsis: true,
+        width: 150,
+      },
+      {
+        title: '所属组织 ',
+        dataIndex: 'teacherOrg',
+        key: 'teacherOrg',
+        elipsis: true,
+        width: 150,
+      },
+      {
+        title: '讲师发薪地 ',
+        dataIndex: 'teacherpayrollPlace',
+        key: 'teacherpayrollPlace',
+        elipsis: true,
+        width: 150,
+      },
+      {
+        title: '授课时长(系统 , H) ',
+        dataIndex: 'teachingTime',
+        key: 'teachingTime',
+        elipsis: true,
+        width: 150,
+      },
+      {
+        title: '授课时长统计 ',
+        dataIndex: 'teachingTime',
+        key: 'teachingTime',
+        elipsis: true,
+        width: 150,
+      },
+      {
+        title: '课酬基准 ',
+        dataIndex: 'teacherlevelPay',
+        key: 'teacherlevelPay',
+        elipsis: true,
+        width: 150,
+      },
+      {
+        title: '计划费用 ',
+        dataIndex: 'expense',
+        key: 'expense',
+        elipsis: true,
+        width: 150,
+      },
+      {
+        title: '应发费用 ',
+        dataIndex: 'payableExpense',
+        key: 'payableExpense',
+        elipsis: true,
+        width: 150,
+      },
+      {
+        title: '操作 ',
+        dataIndex: 'operationa',
+        key: 'operationa',
+        elipsis: true,
+        width: 300,
+        scopedSlots: { customRender: "action" },
+      },
+    ])
+    //二级页面表格内查看数据操作
+    const handleLooka = (record) => {
+      state.teacherdialoga = true
+      state.queryTeacherFeeDetail = {
+        teacherNo: record.teacherNo,
+        teachingDate: state.queryFeeMonthly.summaryDate,
+      }
+      state.querytableFee = {
+        teacherNo: record.teacherNo,
+        teachingDate: state.queryFeeMonthly.summaryDate,
+        pageNo: '1',
+        pageSize: '10',
+      }
+      teacherFeeDetailList()
+      teacherFeeList()
+    }
+    //三级页面 A 列表 getTeacherFeeDetailListByTeacherNo
+    const tableDetailList = ref([
+
+    ])
+    const teacherFeeDetailList = () => {
+      getTeacherFeeDetailListByTeacherNo(state.queryTeacherFeeDetail).then((res) => {
+        tableDetailList.value = res.data.data
+      }
+      )
+    }
+    //三级a列表
+    const columnstableDetailList = ref([
+      {
+        title: '讲师工号',
+        dataIndex: 'teacherNo',
+        key: 'teacherNo',
+        elipsis: true,
+        width: 150,
+      },
+      {
+        title: '讲师姓名 ',
+        dataIndex: 'teacherName',
+        key: 'teacherName',
+        elipsis: true,
+        width: 150,
+      },
+      {
+        title: '培训发生组织 ',
+        dataIndex: 'trainOrg',
+        key: 'trainOrg',
+        elipsis: true,
+        width: 150,
+      },
+      {
+        title: '讲师发薪地 ',
+        dataIndex: 'teacherpayrollPlace',
+        key: 'teacherpayrollPlace',
+        elipsis: true,
+        width: 150,
+      },
+      {
+        title: '授课时长统计(系统 , H) ',
+        dataIndex: 'teachingTime',
+        key: 'teachingTime',
+        elipsis: true,
+        width: 150,
+      },
+      {
+        title: '授课时长统计(录入 , H) ',
+        dataIndex: 'inputteachingTime',
+        key: 'inputteachingTime',
+        elipsis: true,
+        width: 150,
+      },
+      {
+        title: '授课时长统计(导入 , H) ',
+        dataIndex: 'importteachingTime',
+        key: 'importteachingTime',
+        elipsis: true,
+        width: 150,
+      },
+      {
+        title: '课酬基准 ',
+        dataIndex: 'teacherlevelPay',
+        key: 'teacherlevelPay',
+        elipsis: true,
+        width: 150,
+      },
+      {
+        title: '计划费用 ',
+        dataIndex: 'expense',
+        key: 'expense',
+        elipsis: true,
+        width: 150,
+      },
+      {
+        title: '应发费用 ',
+        dataIndex: 'payableExpense',
+        key: 'payableExpense',
+        elipsis: true,
+        width: 150,
+      },
+    ])
+    //三级页面 B 列表 getTeacherFeeListByTeacherNo
+    const tableFeeList = ref([])
+    const teacherFeeList = () => {
+      getTeacherFeeListByTeacherNo(state.querytableFee).then((res) => {
+        tableFeeList.value = res.data.data.records
+        console.log("获取tableFeeList", tableFeeList);
+      }
+      )
+    }
+    //三级b列表
+    const columnstableFeeList = ref([
+      {
+        title: '讲师级别',
+        dataIndex: 'levelName',
+        key: 'levelName',
+        elipsis: true,
+        width: 150,
+      },
+      {
+        title: '认证状态 ',
+        dataIndex: 'certStatus',
+        key: 'certStatus',
+        elipsis: true,
+        width: 150,
+        customRender: (value) => {
+          return (
+            <div>
+              {value.record.certStatus == 0 || value.record.certStatus == 1
+                ? {
+                  "0": "未认证",
+                  "1": "已认证",
+                }[value.record.certStatus + ""] || ""
+                : "-"}
+            </div>
+          )
+        }
+      },
+      {
+        title: '费用类型 ',
+        dataIndex: 'courseType',
+        key: 'courseType',
+        elipsis: true,
+        width: 150,
+        customRender: (value) => {
+          return (
+            <div>
+              {value.record.courseType == "0" || value.record.courseType == "1" || value.record.courseTypeype == "2" || value.record.courseTypeype == "3" || value.record.courseTypeype == "4"
+                ? {
+                  "0": "在线",
+                  "1": "面授",
+                  "2": "授课",
+                  "3": "课程开发",
+                  "4": "作业员如模培训",
+                }[value.record.courseType + ""] || ""
+                : "-"}
+            </div>
+          )
+        }
+      },
+      {
+        title: '课程名称 ',
+        dataIndex: 'teachingDate',
+        key: 'teachingDate',
+        elipsis: true,
+        width: 150,
+      },
+      {
+        title: '授课日期 ',
+        dataIndex: 'teachingDate',
+        key: 'teachingDate',
+        elipsis: true,
+        width: 150,
+      },
+      {
+        title: '课程开发日期',
+        dataIndex: 'courseDevelopTime',
+        key: 'courseDevelopTime',
+        elipsis: true,
+        width: 150,
+      },
+      {
+        title: '培训发生组织',
+        dataIndex: 'trainOrg',
+        key: 'trainOrg',
+        elipsis: true,
+        width: 150,
+      },
+      {
+        title: '参训学员人数',
+        dataIndex: 'studentNum',
+        key: 'studentNum',
+        elipsis: true,
+        width: 150,
+      },
+      {
+        title: '授课满意度 ',
+        dataIndex: 'courseAssess',
+        key: 'courseAssess',
+        elipsis: true,
+        width: 150,
+      },
+      {
+        title: '授课时长(H) ',
+        dataIndex: 'teachingTime',
+        key: 'teachingTime',
+        elipsis: true,
+        width: 150,
+      },
+      {
+        title: '课程开发时长 ',
+        dataIndex: 'courseDevelopDate',
+        key: 'courseDevelopDate',
+        elipsis: true,
+        width: 150,
+      },
+      {
+        title: '操作 ',
+        dataIndex: 'operationc',
+        key: 'operationc',
+        elipsis: true,
+        width: 300,
+        scopedSlots: { customRender: "action" },
+      },
+    ])
+    // 二级页面导出
+    const handleFeeMonthly = () => {
+      window.open(
+        `${process.env.VUE_APP_BASE_API}/teacher/fee/exportTeacherMonthlyFee?pageNo=${state.currentPage2
+        }&pageSize=${state.pageSize2}
+        &userNo=${state.queryFeeMonthly.payrollPlaceId ? state.queryFeeMonthly.payrollPlaceId : ""}
+        &teacherNo=${state.queryFeeMonthly.teacherNo ? state.queryFeeMonthly.teacherNo : ""}
+        &departId=${state.queryFeeMonthly.departId ? state.queryFeeMonthly.departId : ""}`)
+    }
+
+    return {
+      ...toRefs(state),
+      handleFeeMonthly,
+      TeacherSystem,
+      handleLook,
+      handleLooka,
+      cancel,
+      cancelTeacherDialog,
+      cancelTeacherDialoga,
+      handleModify,
+      changePagination,
+      changeFeeDetailPagination,
+      getTableDate,
+      searchSubmit,
+      searchFeeMonthlya,
+      tableData,
+      columns,
+      PlaceOfPayList,
+      PlaceOfPayLista,
+      tableDataFeeDetail,
+      columnsFeeDetail,
+      getOrganizationList,
+      getOrganizationLista,
+      tableDetailList,
+      teacherFeeDetailList,
+      tableFeeList,
+      teacherFeeList,
+      columnstableDetailList,
+      columnstableFeeList
+    }
+  },
+};
+</script>
+<style lang="scss">
+//导出按钮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;
+}
+
+.LecturerFeeStatistics {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+
+  .filter {
+    margin-left: 38px;
+    margin-right: 38px;
+    margin-top: 30px;
+    display: flex;
+    justify-content: space-between;
+    flex-wrap: wrap;
+
+    .filterItems {
+      display: flex;
+      flex-wrap: wrap;
+
+      .select {
+        margin-right: 20px;
+        margin-bottom: 20px;
+      }
+
+      .addTimeBox {
+        position: relative;
+        display: flex;
+        align-items: center;
+
+        .addTime {
+          position: absolute;
+          z-index: 10;
+          margin-left: 10px;
+          color: rgba(0, 0, 0, 0.4);
+        }
+
+        .ant-picker {
+          padding-left: 85px;
+        }
+
+        .ant-picker-range .ant-picker-active-bar {
+          margin-left: 85px;
+        }
+      }
+
+      .btn {
+        padding: 0px 26px 0px 26px;
+        height: 38px;
+        background: #4ea6ff;
+        border-radius: 8px;
+        border: 1px solid rgba(64, 158, 255, 1);
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        margin-right: 14px;
+        flex-shrink: 0;
+        cursor: pointer;
+
+        .search {
+          background-size: 100%;
+        }
+
+        .btnText {
+          font-size: 14px;
+          font-weight: 400;
+          color: #fff;
+          line-height: 36px;
+          margin-left: 5px;
+        }
+      }
+
+      .btnn {
+        padding: 0px 26px 0px 26px;
+        height: 38px;
+        background: #4ea6ff;
+        border-radius: 8px;
+        border: 1px solid rgba(64, 158, 255, 1);
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        margin-right: 14px;
+        flex-shrink: 0;
+        cursor: pointer;
+
+        .search {
+          background-size: 100%;
+        }
+
+        .btnText {
+          font-size: 14px;
+          font-weight: 400;
+          color: #ffffff;
+          line-height: 36px;
+          margin-left: 5px;
+        }
+      }
+
+      .btn1 {
+        .search {
+          width: 15px;
+          height: 17px;
+          background-image: url("../../assets/images/courseManage/search0.png");
+        }
+      }
+
+      .btn2 {
+        .search {
+          width: 16px;
+          height: 18px;
+          background-image: url("../../assets/images/courseManage/reset0.png");
+        }
+      }
+
+      // .btn1:hover {
+      //   background: rgba(64, 158, 255, 0.76);
+
+      //   .search {
+      //     background-image: url("../../assets/images/courseManage/search0.png");
+      //   }
+
+      //   .btnText {
+      //     color: #ffffff;
+      //   }
+      // }
+
+      .btn1:active {
+        background: #0982ff;
+      }
+
+      // .btn2:hover {
+      //   background: rgba(64, 158, 255, 0.1);
+      // }
+
+      .btn2:active {
+        background: #0982ff;
+      }
+    }
+
+    .btns {
+      display: flex;
+
+      // flex-wrap: wrap;
+      .btn {
+        padding: 0px 26px 0px 26px;
+        height: 38px;
+        background: #4ea6ff;
+        border-radius: 8px;
+        border: 1px solid rgba(64, 158, 255, 1);
+        display: flex;
+        align-items: center;
+        cursor: pointer;
+        justify-content: center;
+        margin-right: 14px;
+        flex-shrink: 0;
+
+        .search {
+          background-size: 100%;
+        }
+
+        .btnText {
+          font-size: 14px;
+          font-weight: 400;
+          color: #ffffff;
+          line-height: 36px;
+          margin-left: 5px;
+        }
+      }
+
+      .btn3 {
+        margin-right: 0px;
+
+        .search {
+          width: 17px;
+          height: 18px;
+          background-image: url("../../assets/images/courseManage/add0.png");
+        }
+      }
+
+      // .btn3:hover {
+      //   background: rgba(64, 158, 255, 0.76);
+      // }
+
+      .btn3:active {
+        background: #0982ff;
+      }
+    }
+  }
+
+  .tableBox {
+    margin: 20px 38px 30px;
+
+    .ant-table-thead>tr>th {
+      background-color: #eff4fc;
+    }
+
+    th {
+      background-color: #eff4fc !important;
+      text-align: center !important;
+    }
+  }
+
+  .tableBox {
+    padding-bottom: 20px;
+
+    .pa {
+      // position: absolute;
+      // bottom: 20px;
+      // left: 0;
+      width: 100%;
+      // height: 20px;
+      // background-color: red;
+      display: flex;
+      justify-content: center;
+      // margin-bottom: 10px;
+      // position: absolute;
+      // bottom: -40px;
+    }
+  }
+
+  .operation {
+    font-size: 14px;
+    font-weight: 400;
+    color: #4ea6ff;
+    margin-right: -45px;
+    display: flex;
+    justify-content: right;
+    margin-right: 18px;
+
+    // line-height: 36px;
+    .operation1 {
+      margin-left: 21px;
+      width: 28px;
+      display: inline-block;
+    }
+
+    .operation3 {
+      margin-left: 21px;
+      width: 70px;
+      display: inline-block;
+      text-align: center;
+    }
+
+    .more {
+      width: 50px;
+      display: inline-block;
+      margin-left: 21px;
+      position: relative;
+      text-align: left;
+
+      // z-index: 99999;
+      .moreArrow {
+        width: 13px;
+        height: 7px;
+        display: inline-block;
+        background-image: url("../../assets/images/navtop/down.png");
+        background-size: 100%;
+        margin: 2px;
+        margin-left: 7px;
+      }
+
+      .moreItems {
+        width: 80px;
+        padding: 5px;
+        display: none;
+        background: #ffffff;
+        box-shadow: 2px 3px 9px 3px rgba(0, 0, 0, 0.05);
+        border-radius: 3px;
+        border: 0px solid #dcdcdc;
+        position: absolute;
+        left: 0px;
+        top: 28px;
+        z-index: 100;
+        text-align: center;
+      }
+    }
+
+    .more:hover .moreArrow {
+      background-image: url("../../assets/images/navtop/up.png");
+    }
+
+    .more:hover .moreItems {
+      display: block;
+    }
+  }
+}
+
+.delete {
+  z-index: 9999;
+  width: 424px;
+  background: #ffffff;
+  box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21);
+  border-radius: 4px;
+  position: absolute;
+  left: 50%;
+  top: 10%;
+  transform: translate(-50%, -50%);
+
+  .del_header {
+    position: absolute;
+    width: calc(100%);
+    height: 40px;
+    background: linear-gradient(rgba(78, 166, 255, 0.2) 0%,
+        rgba(78, 166, 255, 0) 100%);
+  }
+
+  .del_main {
+    width: 100%;
+    position: relative;
+
+    .header {
+      display: flex;
+      align-items: center;
+      padding-top: 20px;
+      padding-left: 26px;
+      font-size: 16px;
+
+      .del-icon {
+        width: 16px;
+        height: 16px;
+        margin-right: 10px;
+        background-image: url(@/assets/images/coursewareManage/notice.png);
+        background-size: 100% 100%;
+      }
+
+      .icon {
+        width: 16px;
+        height: 16px;
+        margin-right: 10px;
+        background-image: url(@/assets/images/coursewareManage/QR.png);
+        background-size: 100% 100%;
+      }
+
+      .close_exit {
+        position: absolute;
+        right: 42px;
+        cursor: pointer;
+        width: 20px;
+        height: 20px;
+        background-image: url(@/assets/images/coursewareManage/close.png);
+        background-size: 100% 100%;
+      }
+    }
+
+    .body {
+      width: 100%;
+      margin: 34px auto 56px auto;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+    }
+
+    .del_btnbox {
+      display: flex;
+      margin: 30px auto;
+      justify-content: center;
+
+      .del_btn {
+        width: 100px;
+        height: 40px;
+        background: rgba(64, 158, 255, 0);
+        border-radius: 8px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        margin-right: 14px;
+        flex-shrink: 0;
+        cursor: pointer;
+
+        .btnText {
+          font-size: 14px;
+          font-weight: 400;
+          line-height: 40px;
+        }
+      }
+
+      .btn1 {
+        border: 1px solid rgba(64, 158, 255, 1);
+        color: #4ea6ff;
+      }
+
+      .btn2 {
+        background-color: #4ea6ff;
+        color: #ffffff;
+      }
+    }
+  }
+}
+</style>
+  
\ No newline at end of file