From 9cbd72d6aeb86846f37f8adc2fab3208d215c599 Mon Sep 17 00:00:00 2001
From: gengxin <gengxin@tojoy1.com>
Date: Tue, 18 Feb 2025 17:10:43 +0800
Subject: [PATCH] =?UTF-8?q?=E8=AE=B2=E5=B8=88=E8=B4=B9=E7=94=A8=E4=B8=8B?=
 =?UTF-8?q?=20=E6=8E=A7=E5=88=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/lecturer/InsideTeaching.vue    |   2 +-
 src/views/lecturer/MonthlyStatistics.vue | 673 ++++++++++++-----------
 2 files changed, 348 insertions(+), 327 deletions(-)

diff --git a/src/views/lecturer/InsideTeaching.vue b/src/views/lecturer/InsideTeaching.vue
index 7c7ed030..d07a8bc1 100644
--- a/src/views/lecturer/InsideTeaching.vue
+++ b/src/views/lecturer/InsideTeaching.vue
@@ -50,7 +50,7 @@
           <!-- <OrgClass @enter="searchSubmit()" v-model:value="searchParam.orgId" :placeholder="'请选择讲师组织'"
           style="width: 235px" 
           ></OrgClass> -->
-          <!-- TODO -->
+          <!-- TODO GX02-->
           <a-select 
             style="width: 235px ;
             margin-bottom:20px" 
diff --git a/src/views/lecturer/MonthlyStatistics.vue b/src/views/lecturer/MonthlyStatistics.vue
index 6928979d..e8b7fb88 100644
--- a/src/views/lecturer/MonthlyStatistics.vue
+++ b/src/views/lecturer/MonthlyStatistics.vue
@@ -1,10 +1,10 @@
 <!-- 讲师费月度统计详情页面 -->
 <template>
-  <a-drawer :visible="visible" class="largeDrawerInside" placement="right" :closable="false" 
-    width="80%" :title="false" @close="handleBack">
-    <div  class="MonthlyStatistics">
-    <!-- 搜索框及按钮 -->
-    <!-- <a-layout-header style="background: white;color: black; font-size: 20px ;">
+  <a-drawer :visible="visible" class="largeDrawerInside" placement="right" :closable="false" width="80%" :title="false"
+    @close="handleBack">
+    <div class="MonthlyStatistics">
+      <!-- 搜索框及按钮 -->
+      <!-- <a-layout-header style="background: white;color: black; font-size: 20px ;">
      <span>讲师费月度统计详情</span>
      <router-link to="/LecturerFeeStatistics" class="goback">
             <span class="return"></span>
@@ -13,22 +13,18 @@
             </router-link>
           </router-link>
      </a-layout-header> -->
-     <div class="header">
+      <div class="header">
         <div class="headerTitle">讲师费月度统计详情</div>
-        <img
-          style="width: 29px; height: 29px; cursor: pointer"
-          src="../../assets/images/basicinfo/close.png"
-          @click="handleBack"
-        />
+        <img style="width: 29px; height: 29px; cursor: pointer" src="../../assets/images/basicinfo/close.png"
+          @click="handleBack" />
       </div>
-     <!-- <a-divider style="height: 1px; background-color: #b7b8b7 ;margin: 0;" /> -->
-    <div class="filter">
-      <a-form layout="inline" >
-          <a-form-item  class="select">
-              <a-input v-model:value="searchParam.name" style="width: 240px; height: 40px; border-radius: 8px"
-            placeholder="请输入工号/讲师姓名进行检索" allowClear showSearch
-            v-on:keydown.enter="enterPressHadlerSearch">
-          </a-input>
+      <!-- <a-divider style="height: 1px; background-color: #b7b8b7 ;margin: 0;" /> -->
+      <div class="filter">
+        <a-form layout="inline">
+          <a-form-item class="select">
+            <a-input v-model:value="searchParam.name" style="width: 240px; height: 40px; border-radius: 8px"
+              placeholder="请输入工号/讲师姓名进行检索" allowClear showSearch v-on:keydown.enter="enterPressHadlerSearch">
+            </a-input>
           </a-form-item>
           <!-- <a-form-item class="select">
             <a-select style="width: 230px" v-model:value="searchParam.payrollPlaceId" placeholder="发薪地"
@@ -36,7 +32,7 @@
                   v-on:keydown.enter="enterPressHadlerSearch"/>
           </a-form-item> -->
           <!-- <a-form-item class="select " > -->
-            <!-- <a-tree-select style="width: 230px"
+          <!-- <a-tree-select style="width: 230px"
 								:fieldNames="{
 									children: 'children',
 									label: 'name',
@@ -52,7 +48,7 @@
 								:tree-data="sysTypeOptions"
                 v-on:keydown.enter="enterPressHadlerSearch">
 							</a-tree-select> -->
-            <!-- <a-select style="width: 235px" placeholder="请选择培训发生组织" v-model:value="searchParam.trainOrgId"
+          <!-- <a-select style="width: 235px" placeholder="请选择培训发生组织" v-model:value="searchParam.trainOrgId"
                 :options="getOrganizationList">
               </a-select> -->
           <!-- </a-form-item> -->
@@ -63,34 +59,47 @@
             <a-button class="resetbtn " @click="searchReset">重置</a-button>
           </div>
         </a-form>
-        <div style="width: 100%;"></div>   
+        <div style="width: 100%;"></div>
         <div v-if="checkMenu('lecturerSummaryExport')" style="display: flex; margin-bottom: 20px">
-          <a-button  class="resetbtn"  @click="handleFeeMonthly" type="primary"><UploadOutlined/>导出</a-button>
-        </div>   
-      <!-- 表格 -->
-       <div style="margin-bottom: 4px;color: #aaaaaa;">
-        注：下表为按讲师汇总的费用
-       </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" :scroll="{ x: 600}" :pagination="pagination">
-          <template #orgName="{ record }">
-            <div :title="record.orgName">{{ endOrg(record.orgName) }}</div>
-          </template>"
-          <template #bodyCell="{ record, column }">
-            <template v-if="column.key === 'operation'">
-              <a-space >
-                <a-button type="link" @click="() => handleLook(record, String(record.courseform))">查看</a-button>
-                <a-button v-if="checkMenu('lecturerSummaryCancel')" type="link" @click="handleLess(record)">撤回</a-button>
-              </a-space>
+          <a-button class="resetbtn" @click="handleFeeMonthly" type="primary">
+            <UploadOutlined />导出
+          </a-button>
+        </div>
+        <div v-if="checkMenu('lecturerSummaryExport')" style="display: flex; margin-bottom: 20px">
+          <a-button class="resetbtn" @click="handleFeeMonthly" type="primary">
+            <UploadOutlined />讲师月度费用下载
+          </a-button>
+        </div>
+        <div v-if="checkMenu('lecturerSummaryExport')" style="display: flex; margin-bottom: 20px">
+          <a-button class="resetbtn" @click="handleFeeMonthly" type="primary">
+            <UploadOutlined />讲师费用详情下载
+          </a-button>
+        </div>
+        <!-- 表格 -->
+        <div style="margin-bottom: 4px;color: #aaaaaa;">
+          注：下表为按讲师汇总的费用
+        </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" :scroll="{ x: 600 }" :pagination="pagination">
+            <template #orgName="{ record }">
+              <div :title="record.orgName">{{ endOrg(record.orgName) }}</div>
+            </template>"
+            <template #bodyCell="{ record, column }">
+              <template v-if="column.key === 'operation'">
+                <a-space>
+                  <a-button type="link" @click="() => handleLook(record, String(record.courseform))">查看</a-button>
+                  <a-button v-if="checkMenu('lecturerSummaryCancel')" type="link"
+                    @click="handleLess(record)">撤回</a-button>
+                </a-space>
+              </template>
             </template>
-          </template>
-        </a-table>
-      </div>
+          </a-table>
+        </div>
 
-    </div>
-    <!-- 翻页 -->
-    <!-- <div class="tableBox ">
+      </div>
+      <!-- 翻页 -->
+      <!-- <div class="tableBox ">
       <div style="float: right;">
         <a-pagination
           v-if="tableDataTotal > 10"
@@ -105,41 +114,41 @@
       />
       </div>
     </div> -->
-   <!-- 抽屉 -->
-   <a-drawer class="largeDrawerInside" v-model:visible="opendrawer" placement="right"
-@closa="cancelTeachingDialog" :maskClosable="true"  width="80%" :title="false">
-<div style="padding:24px;">
-  <div class="headers" style="margin-top:-24px;">
-    <div class="headerTitle">查看详情</div>
-    <img
-      style="width: 29px; height: 29px; cursor: pointer"
-      src="@/assets/images/basicinfo/close.png"
-      @click="cancelTeachingDialog"
-    />
-  </div>
-<a-form  layout="inline">
-  <a-form-item class="select">
-          <a-input @pressEnter="searchSubmitdrawer" v-model:value="drawer.name" style="width: 260px; height: 40px; border-radius: 8px"
-            placeholder="请输入课程名称进行搜索" allowClear showSearch>
-          </a-input>
-        </a-form-item>
-        <a-form-item class="select ">
-          <a-range-picker format="YYYY-MM-DD"
-          valueFormat="YYYY-MM-DD" style="width: 260px; height: 40px; margin-bottom: 20px; border-radius: 8px" v-model:value="drawer.drawersearchdate" separator="至"
-            :placeholder="['      开始时间', '        结束时间']" @change="searchTimeChange" />
-        </a-form-item>
-        <div style="display: flex; margin-bottom: 20px">
-          <a-button @click="searchSubmitdrawer()" type="primary" class="resetbtn">查询 </a-button>
-          <a-button class="resetbtn " @click="searchResetdrawer">重置</a-button>
-</div>
-</a-form>
-<!-- <span>讲师费发放情况</span> -->
-<a-table :columns="column"  :scroll="{ x: '1000' }" :data-source="tableDatas" :loading="tableLoadings" :pagination="false">
+      <!-- 抽屉 -->
+      <a-drawer class="largeDrawerInside" v-model:visible="opendrawer" placement="right" @closa="cancelTeachingDialog"
+        :maskClosable="true" width="80%" :title="false">
+        <div style="padding:24px;">
+          <div class="headers" style="margin-top:-24px;">
+            <div class="headerTitle">查看详情</div>
+            <img style="width: 29px; height: 29px; cursor: pointer" src="@/assets/images/basicinfo/close.png"
+              @click="cancelTeachingDialog" />
+          </div>
+          <a-form layout="inline">
+            <a-form-item class="select">
+              <a-input @pressEnter="searchSubmitdrawer" v-model:value="drawer.name"
+                style="width: 260px; height: 40px; border-radius: 8px" placeholder="请输入课程名称进行搜索" allowClear showSearch>
+              </a-input>
+            </a-form-item>
+            <a-form-item class="select ">
+              <a-range-picker format="YYYY-MM-DD" valueFormat="YYYY-MM-DD"
+                style="width: 260px; height: 40px; margin-bottom: 20px; border-radius: 8px"
+                v-model:value="drawer.drawersearchdate" separator="至" :placeholder="['      开始时间', '        结束时间']"
+                @change="searchTimeChange" />
+            </a-form-item>
+            <div style="display: flex; margin-bottom: 20px">
+              <a-button @click="searchSubmitdrawer()" type="primary" class="resetbtn">查询 </a-button>
+              <a-button class="resetbtn " @click="searchResetdrawer">重置</a-button>
+            </div>
+          </a-form>
+          <!-- <span>讲师费发放情况</span> -->
+          <a-table :columns="column" :scroll="{ x: '1000' }" :data-source="tableDatas" :loading="tableLoadings"
+            :pagination="false">
             <template #action="{ record, column }">
-              <a-button v-if="checkMenu('lecturerSummaryCancel')" type="link" @click="handleDetail(record)">撤回</a-button>
+              <a-button v-if="checkMenu('lecturerSummaryCancel')" type="link"
+                @click="handleDetail(record)">撤回</a-button>
             </template>
           </a-table>
-  <!-- <div :style="{
+          <!-- <div :style="{
         position: 'absolute',
         right: 0,
         bottom: 0,
@@ -154,51 +163,51 @@
         <a-button   class="drabtn" type="primary" @click="cancelTeachingDialog" :loading="buttonLoading">返回
         </a-button>
       </div> -->
+        </div>
+      </a-drawer>
     </div>
-</a-drawer>
-  </div>
-</a-drawer>
+  </a-drawer>
 </template>
 <script lang="jsx">
-import { reactive, toRefs, ref, watch,computed  } from "vue";
+import { reactive, toRefs, ref, watch, computed } from "vue";
 import { useStore } from "vuex";
-import { useRouter,useRoute } from "vue-router";
+import { useRouter, useRoute } from "vue-router";
 import {
-    UploadOutlined,
-  } from '@ant-design/icons-vue';
-  import { getPayRollPlace,expenseSummaryById ,removeBySummaryId,removeBySummaryDetailId,queryDetailId} from "../../api/Lecturer";
-  import { getOrganization } from "../../api/Teaching";
+  UploadOutlined,
+} from '@ant-design/icons-vue';
+import { getPayRollPlace, expenseSummaryById, removeBySummaryId, removeBySummaryDetailId, queryDetailId } from "../../api/Lecturer";
+import { getOrganization } from "../../api/Teaching";
 import ProjectManager from "@/components/project/ProjectManagerNew";
-import {queryTeacherFeeMonthly} from "../../api/lecturerFeeStatistics";
-import {CostDetails} from "../lecturer/CostDetails.vue"
+import { queryTeacherFeeMonthly } from "../../api/lecturerFeeStatistics";
+import { CostDetails } from "../lecturer/CostDetails.vue"
 // import * as api from '@/api/Lecturer'
 import dialog from '@/utils/dialog'
-import {message} from 'ant-design-vue'
+import { message } from 'ant-design-vue'
 import { checkMenu } from '@/utils/utils'
 export default {
   name: "MonthlyStatistics",
   components: {
     UploadOutlined,//图标--导出,
-    ProjectManager,CostDetails
+    ProjectManager, CostDetails
   },
-  props:{
-    visible:{
+  props: {
+    visible: {
       type: Boolean,
       default: false,
     },
-    id:{
+    id: {
       type: String,
       default: ""
     },
   },
-  setup(props,emits) {
-    const router=useRouter();
+  setup(props, emits) {
+    const router = useRouter();
     const route = useRoute();
-    const { query: { id }} = useRoute();
+    const { query: { id } } = useRoute();
     const state = reactive({
       tableLoading: false,
       tableLoadings: false,
-      opendrawer:false,
+      opendrawer: false,
       id,
       summaryDate: null,
       resbgTxt: null,
@@ -219,11 +228,11 @@ export default {
         name: '',
         payrollPlaceId: null,
         departId: null,
-        summaryDate:null,
+        summaryDate: null,
         id: props.id,
         // trainOrgId: '',
       },
-      name:null,
+      name: null,
       drawer: {
         name: '',
         drawersearchdate: [],
@@ -234,34 +243,34 @@ export default {
       }
     })
     const handleBack = () => {
-      emits.emit('update:visible',false)
+      emits.emit('update:visible', false)
     }
-    watch(()=>props.visible,(val)=>{
-      if(val){
+    watch(() => props.visible, (val) => {
+      if (val) {
         state.searchParam.id = props.id
         getTableDate()
-      }else{
+      } else {
         state.searchParam = {
           pageNo: "1",
           pageSize: "10",
           name: '',
           payrollPlaceId: null,
           departId: null,
-          summaryDate:null,
+          summaryDate: null,
           id: null,
         }
       }
     })
     const endOrg = (val) => {
-      if(val){
+      if (val) {
         const parts = val.split('/');
         // const reversedParts = parts.reverse();
         // return reversedParts.join('/');
         return parts[parts.length - 1]
       }
     }
-        //获取内容分类
-        const store = useStore();
+    //获取内容分类
+    const store = useStore();
     const sysTypeOptions = computed(() => store.state.content_type);
     const columns = ref([
       {
@@ -271,9 +280,9 @@ export default {
         ellipsis: true,
         align: "center",
         width: 180,
-        customRender: (value)=>{
+        customRender: (value) => {
           return (
-            <div style="user-select:text">{value.record.name}  /  {value.record.userNo}</div>
+            <div style="user-select:text">{ value.record.name }  /  { value.record.userNo }</div>
           )
         }
       },
@@ -312,8 +321,8 @@ export default {
         ellipsis: true,
         align: "center",
         width: 140,
-        customRender: ({text})=>{
-          return text ? text+'分钟' : '-'
+        customRender: ({ text }) => {
+          return text ? text + '分钟' : '-'
         }
       },
       {
@@ -323,8 +332,8 @@ export default {
         ellipsis: true,
         align: "center",
         width: 140,
-        customRender: ({text})=>{
-          return text ? text+'分钟' : '-'
+        customRender: ({ text }) => {
+          return text ? text + '分钟' : '-'
         }
       },
       {
@@ -334,8 +343,8 @@ export default {
         ellipsis: true,
         align: "center",
         width: 120,
-        customRender: ({text})=>{
-          return text ? text+'分钟' : '-'
+        customRender: ({ text }) => {
+          return text ? text + '分钟' : '-'
         }
       },
       {
@@ -345,8 +354,8 @@ export default {
         ellipsis: true,
         align: "center",
         width: 120,
-        customRender: ({text})=>{
-          return text ? text+'元' : '-'
+        customRender: ({ text }) => {
+          return text ? text + '元' : '-'
         }
       },
       {
@@ -356,9 +365,9 @@ export default {
         ellipsis: true,
         align: "center",
         width: 120,
-        customCell:(text)=>{return{style:{color:colorSet(text)}}},
-        customRender: ({text})=>{
-          return text ? text+'元' : '-'
+        customCell: (text) => { return { style: { color: colorSet(text) } } },
+        customRender: ({ text }) => {
+          return text ? text + '元' : '-'
         }
       },
       {
@@ -376,7 +385,7 @@ export default {
     const tableData = ref([
     ])
     const colorSet = (val) => {
-      if(val.payableExpense!=val.expense){
+      if (val.payableExpense != val.expense) {
         return 'red'
       }
     }
@@ -386,19 +395,19 @@ export default {
       getTableDate();
     };
 
-      const PlaceOfPayList = ref([
+    const PlaceOfPayList = ref([
     ])
     //获取讲师发薪地列表
     const PlaceOfPayLista = () => {
       getPayRollPlace().then((res) => {
-        
+
         if (res.data.code === 200) {
           let arr = res.data.data;
           let array = [];
           arr.map((value) => {
             let obj = {
               value: value.id,
-                label: value.name,
+              label: value.name,
             };
             array.push(obj);
           });
@@ -417,14 +426,14 @@ export default {
           tableData.value = res.data.data.records
           state.tableDataTotal = Number(res.data.data.total);
           state.tableLoading = false
-        }).catch(err=>{
+        }).catch(err => {
           state.tableLoading = false
           message.error(err.data.msg)
         })
     };
-  
-      //获取所属组织
-      const getOrganizationList = ref([
+
+    //获取所属组织
+    const getOrganizationList = ref([
       //   { value: 0, systemName: "讲师体系" },
     ]);
     //获取所属组织
@@ -448,7 +457,7 @@ export default {
     getOrganizationLista()
     //表格内查看数据操作
     const handleLook = (record) => {
-      state.drawer={
+      state.drawer = {
         name: '',
         drawersearchdate: [],
         pageNo: '1',
@@ -457,22 +466,22 @@ export default {
         startTime: '',
         id: record.id,
       }
-      state.opendrawer=true
+      state.opendrawer = true
       searchSubmitdrawer()
     }
     const handleLess = (record) => {
       dialog({
         content: '是否确认撤回 ?',
-        ok:()=>{
-          removeBySummaryId({summaryId:record.id}).then(res=>{
-            if(res.data.code == 200){
+        ok: () => {
+          removeBySummaryId({ summaryId: record.id }).then(res => {
+            if (res.data.code == 200) {
               message.success('撤回成功')
-              emits.emit('tableList',true)
+              emits.emit('tableList', true)
               searchSubmit()
-            }else{
+            } else {
               message.error(res.data.msg)
             }
-          }).catch(err=>{
+          }).catch(err => {
             message.error(err.data.msg)
           })
         }
@@ -481,17 +490,17 @@ export default {
     const handleDetail = (record) => {
       dialog({
         content: '是否确认撤回 ?',
-        ok:()=>{
-          removeBySummaryDetailId({detailId:record.detailId}).then(res=>{
-            if(res.data.code == 200){
+        ok: () => {
+          removeBySummaryDetailId({ detailId: record.detailId }).then(res => {
+            if (res.data.code == 200) {
               message.success('撤回成功')
-              emits.emit('tableList',true)
+              emits.emit('tableList', true)
               searchSubmit()
               searchSubmitdrawer()
-            }else{
+            } else {
               message.error(res.data.msg)
             }
-          }).catch(err=>{
+          }).catch(err => {
             message.destroy()
             message.error(err.data.msg)
           })
@@ -499,20 +508,20 @@ export default {
       })
     }
     const searchTimeChange = (e) => {
-      console.log(e,'eeeee')
-      if(e){
+      console.log(e, 'eeeee')
+      if (e) {
         state.drawer.startTime = e[0]
         state.drawer.endTime = e[1]
-      }else{
+      } else {
         state.drawer.startTime = ''
         state.drawer.endTime = ''
       }
-      
+
     }
     const pagination = computed(() => ({
       total: state.tableDataTotal,
       showSizeChanger: true,
-      showQuickJumper:true,
+      showQuickJumper: true,
       current: state.searchParam.pageNo,
       pageSize: state.searchParam.pageSize,
       onChange: changePagination,
@@ -528,51 +537,51 @@ export default {
       window.open(
         `${process.env.VUE_APP_BASE_API}/admin/export/exportTeacherSummary?&name=${state.searchParam.name ? state.searchParam.name : ""}&id=${state.searchParam.id ? state.searchParam.id : ""}&trainOrgId=${state.searchParam.trainOrgId || ''}`)
     }
-     //重置
-     const searchReset = () => {
-        state.searchParam = { 
-          pageNo: "1",
-          pageSize: "10",
-          id: props.id,
-          name : '',
-          payrollPlaceId: null,
-          departId: '',
-          summaryDate:'',
-          // trainOrgId: '',
-        };
-        getTableDate();
+    //重置
+    const searchReset = () => {
+      state.searchParam = {
+        pageNo: "1",
+        pageSize: "10",
+        id: props.id,
+        name: '',
+        payrollPlaceId: null,
+        departId: '',
+        summaryDate: '',
+        // trainOrgId: '',
       };
-      //二级页面重置
-      const searchResetdrawer =()=>{
-        const id = state.drawer.id
-        state.drawer={
-          name: '',
-          drawersearchdate: [],
-          pageNo: '1',
-          pageSize: '10',
-          endTime: '',
-          startTime: '',
-          id,
-        }
-        searchSubmitdrawer()
+      getTableDate();
+    };
+    //二级页面重置
+    const searchResetdrawer = () => {
+      const id = state.drawer.id
+      state.drawer = {
+        name: '',
+        drawersearchdate: [],
+        pageNo: '1',
+        pageSize: '10',
+        endTime: '',
+        startTime: '',
+        id,
       }
-      //二级页面查询
-      const searchSubmitdrawer=()=>{
-        state.tableLoadings = true
-        const params = {
-          summaryId: state.drawer.id,
-          name: state.drawer.name,
-          endTime: state.drawer.endTime,
-          startTime: state.drawer.startTime,
-        }
-        queryDetailId(params).then(res=>{
-          console.log(res,'resss')
-          tableDatas.value = res.data.data
-          state.tableLoadings = false
-        })
+      searchSubmitdrawer()
+    }
+    //二级页面查询
+    const searchSubmitdrawer = () => {
+      state.tableLoadings = true
+      const params = {
+        summaryId: state.drawer.id,
+        name: state.drawer.name,
+        endTime: state.drawer.endTime,
+        startTime: state.drawer.startTime,
       }
-      const  tableDatas = ref([])
-      const column = ref([
+      queryDetailId(params).then(res => {
+        console.log(res, 'resss')
+        tableDatas.value = res.data.data
+        state.tableLoadings = false
+      })
+    }
+    const tableDatas = ref([])
+    const column = ref([
       {
         title: '讲师姓名 ',
         dataIndex: 'name',
@@ -583,7 +592,7 @@ export default {
         customRender: (value) => {
           return (
             <div style="user-select: text">
-              {value.record?.name}  /  {value.record?.userNo}
+              { value.record?.name }  /  { value.record?.userNo }
             </div>
           );
         },
@@ -597,53 +606,53 @@ export default {
       //   width: 100,
       // },
       {
-          title: '课程名称 ',
-          dataIndex: 'courseName',
-          key: 'courseName',
+        title: '课程名称 ',
+        dataIndex: 'courseName',
+        key: 'courseName',
         ellipsis: true, align: "center",
-          width: 160,
-          customCell:()=>{return{style:{userSelect: 'text'}}}
-        },
-        {
-          title: '培训发生组织 ',
-          dataIndex: 'trainOrgName',
-          key: 'trainOrgName',
+        width: 160,
+        customCell: () => { return { style: { userSelect: 'text' } } }
+      },
+      {
+        title: '培训发生组织 ',
+        dataIndex: 'trainOrgName',
+        key: 'trainOrgName',
         ellipsis: true, align: "center",
-          width: 160,
-          customCell:()=>{return{style:{userSelect: 'text'}}}
-        },
-        {
-          title: '课程类型 ',
-          dataIndex: ' courseType',
-          key: ' courseType',
+        width: 160,
+        customCell: () => { return { style: { userSelect: 'text' } } }
+      },
+      {
+        title: '课程类型 ',
+        dataIndex: ' courseType',
+        key: ' courseType',
         ellipsis: true, align: "center",
-          width: 120,
-          customRender: (value) => {
-            return (
-              <div>
-                {String(value.record.courseType)
-                  ? {
-                    "0": "在线课",
-                    "1": "面授课",
-                    "2": "课程开发",
-                    "3": "作业员入模培训",
-                    "4": "其他",
-                  }[value.record.courseType + ""]
-                  : "-"}
-              </div>
-            )
-          }
-        },
-        {
-          title: '授课时长 ',
-          dataIndex: 'teachingTime',
-          key: 'teachingTime',
+        width: 120,
+        customRender: (value) => {
+          return (
+            <div>
+              { String(value.record.courseType)
+                ? {
+                  "0": "在线课",
+                  "1": "面授课",
+                  "2": "课程开发",
+                  "3": "作业员入模培训",
+                  "4": "其他",
+                }[value.record.courseType + ""]
+                : "-" }
+            </div>
+          )
+        }
+      },
+      {
+        title: '授课时长 ',
+        dataIndex: 'teachingTime',
+        key: 'teachingTime',
         ellipsis: true, align: "center",
-          width: 120,
-          customRender: ({text})=>{
-            return text ? text+'分钟' : '-'
-          }
-        },
+        width: 120,
+        customRender: ({ text }) => {
+          return text ? text + '分钟' : '-'
+        }
+      },
       {
         title: '授课时间',
         dataIndex: 'teachingDate',
@@ -654,19 +663,19 @@ export default {
         scopedSlots: { customRender: "teacherOrg" },
       },
       {
-          title: '讲师体系',
-          dataIndex: 'tsystemName',
-          key: 'tsystemName',
+        title: '讲师体系',
+        dataIndex: 'tsystemName',
+        key: 'tsystemName',
         ellipsis: true, align: "center",
-          width: 120,
-        },
+        width: 120,
+      },
       {
-          title: '讲师级别 ',
-          dataIndex: 'tlevelName',
-          key: 'tlevelName',
+        title: '讲师级别 ',
+        dataIndex: 'tlevelName',
+        key: 'tlevelName',
         ellipsis: true, align: "center",
-          width: 120,
-        },
+        width: 120,
+      },
       {
         title: '讲师发薪地 ',
         dataIndex: 'payrollPlace',
@@ -675,17 +684,17 @@ export default {
         align: "center",
         width: 120,
       },
-    
+
       {
-          title: '基准课酬 ',
-          dataIndex: 'levelPay',
-          key: 'levelPay',
+        title: '基准课酬 ',
+        dataIndex: 'levelPay',
+        key: 'levelPay',
         ellipsis: true, align: "center",
-          width: 100,
-          customRender: ({text})=>{
-            return text||text==0 ? text+'元' : '-'
-          }
-        },
+        width: 100,
+        customRender: ({ text }) => {
+          return text || text == 0 ? text + '元' : '-'
+        }
+      },
       {
         title: '计划费用 ',
         dataIndex: 'expense',
@@ -693,8 +702,8 @@ export default {
         ellipsis: true,
         align: "center",
         width: 100,
-        customRender: ({text})=>{
-          return text ? text+'元' : '-'
+        customRender: ({ text }) => {
+          return text ? text + '元' : '-'
         }
       },
       {
@@ -704,9 +713,9 @@ export default {
         ellipsis: true,
         align: "center",
         width: 100,
-        customCell:(text)=>{return{style:{color:colorSet(text)}}},
-        customRender: ({text})=>{
-          return text ? text+'元' : '-'
+        customCell: (text) => { return { style: { color: colorSet(text) } } },
+        customRender: ({ text }) => {
+          return text ? text + '元' : '-'
         }
       },
       {
@@ -720,30 +729,30 @@ export default {
         slots: { customRender: "action" },
       },
     ])
-         //取消按钮 清空输入的数据
-      const cancelTeachingDialog = () => {
-        state.opendrawer = false
-        
-        state.drawer={
-          name: '',
-          drawersearchdate: [],
-          pageNo: '1',
-          pageSize: '10',
-          endTime: '',
-          startTime: '',
-        }
-      };
-          //回车
-    const enterPressHadlerSearch = e => {
-  console.log("e",e);
-    if (e.keyCode === 13) {
-      searchSubmit()
+    //取消按钮 清空输入的数据
+    const cancelTeachingDialog = () => {
+      state.opendrawer = false
 
-    }
-};
+      state.drawer = {
+        name: '',
+        drawersearchdate: [],
+        pageNo: '1',
+        pageSize: '10',
+        endTime: '',
+        startTime: '',
+      }
+    };
+    //回车
+    const enterPressHadlerSearch = e => {
+      console.log("e", e);
+      if (e.keyCode === 13) {
+        searchSubmit()
+
+      }
+    };
     return {
       ...toRefs(state),
-      tableDatas, 
+      tableDatas,
       column,
       enterPressHadlerSearch,
       cancelTeachingDialog,
@@ -774,7 +783,7 @@ export default {
   },
 };
 </script>
-<style lang="scss" scoped >
+<style lang="scss" scoped>
 .MonthlyStatistics {
   .header {
     padding: 0px 32px;
@@ -795,6 +804,7 @@ export default {
       // margin-left: 24px;
     }
   }
+
   width: 100%;
   height: 100%;
   display: flex;
@@ -804,18 +814,21 @@ export default {
     margin-left: 38px;
     margin-right: 38px;
     margin-top: 30px;
+
     // display: flex;
     // justify-content: space-between;
     // flex-wrap: wrap;
-      .select {
-        margin-right: 20px;
-        margin-bottom: 20px;
-      }
+    .select {
+      margin-right: 20px;
+      margin-bottom: 20px;
     }
+  }
 }
+
 .select .ant-picker {
   width: 410px !important;
 }
+
 .headers {
   height: 73px;
   border-bottom: 1px solid #e8e8e8;
@@ -834,6 +847,7 @@ export default {
     // margin-left: 24px;
   }
 }
+
 .addTimeBox {
   position: relative;
   display: flex;
@@ -1158,53 +1172,60 @@ export default {
   border-radius: 8px;
   margin-right: 20px
 }
-::v-deep  .ant-select:not(.ant-select-customize-input) .ant-select-selector{
+
+::v-deep .ant-select:not(.ant-select-customize-input) .ant-select-selector {
   // border-radius:8px;
-  height:32px;
+  height: 32px;
 }
-.ant-col-12{
-  height:90px;
+
+.ant-col-12 {
+  height: 90px;
 }
+
 .goback {
-        float: right;
-        padding-right: 70px;
-        //padding-top: 37px;
-        position: relative;
+  float: right;
+  padding-right: 70px;
+  //padding-top: 37px;
+  position: relative;
 
-        .return {
-          display: inline-block;
-          width: 42px;
-          height: 42px;
-          margin-top: 17px;
-          margin-right: 10px;
-          background-image: url("../../assets/images/projectadd/return.png");
-        }
+  .return {
+    display: inline-block;
+    width: 42px;
+    height: 42px;
+    margin-top: 17px;
+    margin-right: 10px;
+    background-image: url("../../assets/images/projectadd/return.png");
+  }
 
-        .returntext {
-          display: inline-block;
-          position: absolute;
-          top: 12px;
-          color: #4ea6ff;
-          font-size: 14px;
-        }
-      }
-      tableBox {
-padding-bottom: 20px;
-margin: 20px 38px 30px;
-::v-deep .ant-select-dropdown{
- display: inline-block;
+  .returntext {
+    display: inline-block;
+    position: absolute;
+    top: 12px;
+    color: #4ea6ff;
+    font-size: 14px;
+  }
 }
-::v-deep .ant-select-selection-item{
-margin-left: 3px;
+
+tableBox {
+  padding-bottom: 20px;
+  margin: 20px 38px 30px;
+
+  ::v-deep .ant-select-dropdown {
+    display: inline-block;
+  }
+
+  ::v-deep .ant-select-selection-item {
+    margin-left: 3px;
+  }
+
+  ::v-deep .ant-pagination-options-size-changer.ant-select {
+    width: 84px;
+  }
+
+  .pa {
+    width: 100%;
+    display: flex;
+    justify-content: right;
+  }
 }
-::v-deep .ant-pagination-options-size-changer.ant-select{
-width: 84px;
-}
-.pa {
-width: 100%;
-display: flex;
-justify-content: right;
-}
-}
-      </style>
-  
\ No newline at end of file
+</style>
\ No newline at end of file