讲师管理bug

src/views/lecturer/LecturerFee.vue

@@ -89,7 +89,7 @@
         <div style="width: 100%;"></div>   
         <div style="display: flex; margin-bottom: 20px">
           <a-button @click="addTeacher()" type="primary" class="langbtn">
-            <FolderAddOutlined /> 添加费用
+            <div class="search"></div> 添加费用
           </a-button>
           <!-- <div style="margin-left: 20px ;">
             <a-button @click="addTeacher()" class="langbtn">
@@ -121,7 +121,7 @@
                   <!-- :disabled="record.createFrom==1  ?false :true" -->
                   <a-button type="link" v-if="record.status != 2&&record.status!=3" @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 type="link" @click="handleOperate(record)">撤回</a-button>
+                  <!-- <a-button type="link" @click="handleOperate(record)">撤回</a-button> -->
                   <!-- <a-button type="link" @click="() => deleteModal(record, String(record.courseform))">删除</a-button> -->
                 </a-space>
               </template>
@@ -390,7 +390,7 @@
           />
         </div>
   <span class="line"></span>
-  <span>讲师费用详情</span>
+  <span style="font-weight: 600;">讲师费用详情</span>
 <a-descriptions style="padding-bottom: 35px;margin-top:20px;" bordered :column="2" :contentStyle="{width:'300px',}" :labelStyle="{width:'160px'}">
     <a-descriptions-item label="讲师名称">{{formParam.name}}</a-descriptions-item>
     <a-descriptions-item label="讲师工号">{{formParam.userNo}}</a-descriptions-item>
@@ -415,10 +415,10 @@
   </a-descriptions>
   <div style="margin-bottom: 20px;">
     <span class="line"></span>
-    <span>讲师费审批</span>
+    <span style="font-weight: 600;">讲师费审批</span>
   </div>
   <div style="margin-bottom:32px;">
-    <a-table :columns="columnSee" :data-source="tableDataSee"  :pagination="false" />
+    <a-table :columns="columnSee" :loading="SeeLoading" :data-source="tableDataSee"  :pagination="false" />
   </div>
   <!-- <span class="line"></span> -->
   <!-- <div :style="{
@@ -457,7 +457,7 @@
   } from '@ant-design/icons-vue';
   import ImportWork from "../../components/lecturer/ImportWork.vue";
   import SearchTeacher from "@/components/project/SearchTeacher";
-  import {getTeacherFeeList,getTeacherFeeDetail,addTeacherFee ,getListByIds,updateTeacherFee,updateStatusSubmit,approveTeacherFee,getTeacherLevel,deleteInTeacher,confirm} from "../../api/lecturerFeeManagement";
+  import {getTeacherFeeList,getTeacherFeeDetail,getListByTeacherExpenseId,addTeacherFee ,getListByIds,updateTeacherFee,updateStatusSubmit,approveTeacherFee,getTeacherLevel,deleteInTeacher,confirm} from "../../api/lecturerFeeManagement";
   import {getTeacherSystemList, getAllLevelList,getPayRollPlace,fileUp,submitApproval } from "../../api/Lecturer";
   // lecturerFeeManagement
   // import {getProjSt} from "../../api/indexProjStu";
@@ -485,6 +485,7 @@
       const formRef = ref();
       const state = reactive({
         tableDataSee: [],
+        SeeLoading: false,
         orgList: [],
         selectsIds: '',
         visibleConfirm: false,
@@ -793,6 +794,9 @@ getAllLevelList().then((res) => {
           key: 'tsystemName',
         ellipsis: true, align: "center",
           width: 120,
+          customRender: ({ text })=>{
+            return text||'-'
+          }
         },
         {
           title: '讲师级别 ',
@@ -800,6 +804,9 @@ getAllLevelList().then((res) => {
           key: 'tlevelName',
         ellipsis: true, align: "center",
           width: 120,
+          customRender: ({ text })=>{
+            return text||'-'
+          }
         },
         {
           title: '发薪地 ',
@@ -807,6 +814,9 @@ getAllLevelList().then((res) => {
           key: 'payrollPlace',
         ellipsis: true, align: "center",
           width: 120,
+          customRender: ({ text })=>{
+            return text||'-'
+          }
         },
         {
           title: '基准课酬 ',
@@ -823,11 +833,14 @@ getAllLevelList().then((res) => {
           width: 120,
         },
         {
-          title: '参训人员',
+          title: '参训人数',
           dataIndex: 'studys',
           key: 'studys',
         ellipsis: true, align: "center",
           width: 120,
+          customRender: ({ text })=>{
+            return text||'0'
+          }
         },
         {
           title: '评分 ',
@@ -835,6 +848,9 @@ getAllLevelList().then((res) => {
           key: 'score',
         ellipsis: true, align: "center",
           width: 120,
+          customRender: ({ text })=>{
+            return text||'-'
+          }
         },
         {
           title: '课程类型 ',
@@ -1166,8 +1182,23 @@ getAllLevelList().then((res) => {
         state.id= record.id
         // alert(record.grade)
         TeacherSystem()
+        getListData()
         // getteacherrecordstableData ()
       }
+      const getListData = () => {
+        state.SeeLoading = true
+        getListByTeacherExpenseId(state.id).then(res=>{
+          console.log(res,'ressssss')
+          if(res.data.code == 200){
+            state.tableDataSee = res.data.data
+          }
+          state.SeeLoading = false
+        }).catch(err=>{
+          message.destroy()
+          message.error(err.data.msg)
+          state.SeeLoading = false
+        })
+      }
       //详情
       const TeacherSystem=()=>{
         getTeacherFeeDetail({id : state.id}).then((res) => {
@@ -1386,6 +1417,9 @@ const column = ref([
           key: 'levelName',
         ellipsis: true, align: "center",
           width: 120,
+          customRender: ({ text })=>{
+            return text||'-'
+          }
           // customRender: (value, record) => {
           //   return (
           //     <div>
@@ -1407,6 +1441,9 @@ const column = ref([
           key: 'teacherpayrollPlace',
         ellipsis: true, align: "center",
           width: 120,
+          customRender: ({ text })=>{
+            return text||'-'
+          }
         },
         {
           title: '基准课酬 ',
@@ -1428,6 +1465,9 @@ const column = ref([
           key: 'studentNum',
         ellipsis: true, align: "center",
           width: 120,
+          customRender: ({ text })=>{
+            return text||'-'
+          }
         },
         {
           title: '评分 ',
@@ -1435,6 +1475,9 @@ const column = ref([
           key: 'courseAssess',
         ellipsis: true, align: "center",
           width: 120,
+          customRender: ({ text })=>{
+            return text||'-'
+          }
         },
         {
           title: '课程类型 ',
@@ -1601,6 +1644,7 @@ const column = ref([
         // getStu
         LecturerSystemLista,
         TeacherSystem,
+        getListData,
         changetlevel,
         canceleditTeacherDialog,
         allFee,
@@ -1912,6 +1956,13 @@ const column = ref([
   margin-right: 14px;
   flex-shrink: 0;
   cursor: pointer;
+  .search {
+    width: 15px;
+    height: 16px;
+    margin-right: 5px;
+    background: url("../../assets/images/courseManage/add0.png") no-repeat;
+    background-size: 100% 100%;
+  }
 }
 
 // 重置样式
@@ -1938,10 +1989,11 @@ const column = ref([
 .line {
   float: left;
   width: 3px;
-  height: 25px;
+  height: 17px;
   background: #4ea6ff;
   border-radius: 30%;
   margin-right: 5px;
+  margin-top: 3px;
 }
 
 //抽屉功能