讲师费页面调整

src/views/lecturer/InsideLecturer.vue

@@ -1,6 +1,6 @@
 <!-- 内部讲师 -->
 <template>
-  <div class="InsideLecturer">
+  <div >
     <!-- 搜索框及按钮 -->
     <div class="filter" style="min-width: 1380px;">
       <a-form   layout="inline">
@@ -10,13 +10,25 @@
             placeholder="请输入工号/讲师姓名进行检索" allowClear showSearch>
           </a-input>
 
-          <!-- <a-select style="width: 276px" placeholder="请选择所属组织" v-model:value="searchParam.userNo"
-            :options="infoteacherList">
-          </a-select> -->
+          <!-- <a-tree-select
+								:fieldNames="{
+									children: 'children',
+									label: 'name',
+									value: 'code',
+								}"
+								allow-clear
+								:getPopupContainer="triggerNode => triggerNode.parentNode || document.body"
+								v-model:value="valueproj" 
+								show-search 
+								:dropdown-style="{ maxHeight: '400px', overflow: 'auto' }"
+								placeholder="请选择内容分类" 
+								tree-default-expand-all 
+								:tree-data="sysTypeOptions">
+							</a-tree-select> -->
         </a-form-item>
         <a-form-item class="select">
           <a-select style="width: 276px" placeholder="请选择讲师体系" v-model:value="searchParam.tsystemName"
-            :options="LecturerSystemList">
+            :options="LecturerSystemList" @change="changetlevel">
           </a-select>
         </a-form-item>
         <a-form-item class="select">
@@ -44,17 +56,17 @@
         </div>
         <div style="width:100%"></div>
         <a-form-item v-if="moreid == 2" class="select">
-          <a-select style="width: 276px" v-model:value="searchParam.waitStatus" placeholder="在职状态"
+          <a-select style="width: 276px ;margin-bottom:20px" v-model:value="searchParam.waitStatus" placeholder="在职状态"
             :options="OnTheJobStatusList">
           </a-select>
         </a-form-item>
         <a-form-item v-if="moreid == 2" class="select">
-          <a-select style="width: 276px" v-model:value="searchParam.certStatus" placeholder="认证状态"
+          <a-select style="width: 276px ;margin-bottom:20px" v-model:value="searchParam.certStatus" placeholder="认证状态"
             :options="AuthenticationStatusList">
           </a-select>
         </a-form-item>
         <a-form-item v-if="moreid == 2" class="select">
-          <a-select style="width: 276px" v-model:value="searchParam.payrollPlaceId" placeholder="发薪地"
+          <a-select style="width: 276px ;margin-bottom:20px" v-model:value="searchParam.payrollPlaceId" placeholder="发薪地"
             :options="PlaceOfPayList">
           </a-select>
         </a-form-item>
@@ -81,7 +93,7 @@
           @expand="expandTable" :pagination="false">
           <template #bodyCell="{ record, column }">
             <template v-if="column.key === 'operation'">
-              <a-space style="display:flex ;justify-content: space-around;  ">
+              <a-space >
                 <a-button type="link" @click="() => handleLook(record, String(record.courseform))">查看</a-button>
                 <a-button type="link" @click="() => handleModify(record, String(record.courseform))">编辑</a-button>
                 <a-button v-if="record.status == '1'" type="link"
@@ -98,8 +110,18 @@
     </div>
     <div class="tableBox ">
       <div style="float: right;">
-        <a-pagination v-if="tableDataTotal > 10" :showSizeChanger="true" :hideOnSinglePage="true" :pageSize="pageSize"
-          v-model:current="searchParam.pageNo" :total="tableDataTotal" class="pagination" @change="changePagination" />
+
+        <a-pagination
+          v-if="tableDataTotal > 10"
+        :showSizeChanger="false"
+        :showQuickJumper="true"
+        :hideOnSinglePage="true"
+        :pageSize="searchParam.pageSize"
+        :current="searchParam.pageNo"
+        :total="tableDataTotal"
+        class="pagination"
+        @change="changePagination"
+      />
       </div>
     </div>
     <!-- 弹窗组件 -->
@@ -116,15 +138,15 @@
         <a-row :gutter="16">
           <a-col :span="24">
               <a-upload
-    v-model:file-list="fileList"
-    name="avatar"
-    avatar-uploader
-    list-type="picture-card"
-    class=""
-    :show-upload-list="false"
-    action="https://www.mocky.io/v2/5cc8019d300000980a055e76"
-    :before-upload="beforeUpload"
-    @change="handleChange"
+                 v-model:file-list="fileList"
+                 name="avatar"
+                 avatar-uploader
+                 list-type="picture-card"
+                 class=""
+                 :show-upload-list="false"
+                 action="https://www.mocky.io/v2/5cc8019d300000980a055e76"
+                 :before-upload="beforeUpload"
+                 @change="handleChange"
   />
           </a-col>
         </a-row>
@@ -132,7 +154,8 @@
         <a-row :gutter="16">
           <a-col :span="12">
             <a-form-item label="讲师名称" name="name">
-              <a-tree-select v-model:value="formParam.name" tree-data-simple-mode class="draitem"
+              <a-tree-select v-model:value="formParam.name" 
+              show-search    allow-clear tree-data-simple-mode  class="draitem"
                 :dropdown-style="{ maxHeight: '400px', overflow: 'auto' }" :tree-data="treeData" placeholder="请输入讲师名称" />
             </a-form-item>
           </a-col>
@@ -151,18 +174,18 @@
           </a-col>
         </a-row>
         <!-- 讲师级别 体系-->
-        <a-row :gutter="16">
-          <a-col :span="12">
-            <a-form-item label="讲师级别" name="levelId">
-              <a-select class="draitem" v-model:value="formParam.levelId" placeholder="请选择讲师级别"
-                :options="getLevelList">
+          <a-row :gutter="16">
+            <a-col :span="12">
+            <a-form-item label="讲师体系" name="systemId">
+              <a-select  class="draitem" v-model:value="formParam.systemId" placeholder="请选择讲师体系"
+                :options="LecturerSystemList">
               </a-select>
             </a-form-item>
           </a-col>
           <a-col :span="12">
-            <a-form-item label="讲师体系" name="systemId">
-              <a-select  class="draitem" v-model:value="formParam.systemId" placeholder="请选择讲师体系"
-                :options="LecturerSystemList">
+            <a-form-item label="讲师级别" name="levelId">
+              <a-select class="draitem" v-model:value="formParam.levelId" placeholder="请选择讲师级别"
+                :options="getLevelList">
               </a-select>
             </a-form-item>
           </a-col>
@@ -174,7 +197,7 @@
               <a-input v-model:value="formParam.defaultTeachingTime" style="width:80%; height: 40px; " placeholder="0"
                 allowClear showSearch suffix="分钟">
               </a-input>
-              <span v-if="formParam.defaultTeachingTime" style="margin-left: 5px ;">{{ (formParam.defaultTeachingTime /60 ).toFixed(2)}}小时</span>
+              <span  style="margin-left: 5px ;">{{ (formParam.defaultTeachingTime /60 ).toFixed(2)}}小时</span>
             </a-form-item>
           </a-col>
           <a-col :span="12">
@@ -244,8 +267,8 @@
 
     <!-- 删除功能弹窗 -->
     <div>
-      <a-modal v-model:visible="deleteInTeacherdialog" :footer="null" :closable="close" wrapClassName="canclestu1"
-        style="width:1080px" centered="true">
+      <a-modal v-model:visible="deleteInTeacherdialog" :footer="null" :closable="close"
+        centered="true">
         <div class="delete">
           <div class="del_header"></div>
           <div class="del_main">
@@ -270,7 +293,7 @@
     </div>
     <!-- 修改状态功能弹窗 -->
     <div>
-      <a-modal v-model:visible="editTeacher" :footer="null" :closable="close" wrapClassName="canclestu1" centered="true">
+      <a-modal v-model:visible="editTeacher" :footer="null" :closable="close"  centered="true">
         <div class="delete">
           <div class="del_header"></div>
           <div class="del_main">
@@ -432,8 +455,9 @@ export default {
     const getLevelList = ref([
       // { value: 0, label: "未定级" },
     ])
-    const getLevelLista = () => {
-      getLevel().then((res) => {
+    const changetlevel = (val) => {
+console.log( "讲师体系id" +val);
+      getLevel( {id:val}).then((res) => {
         if (res.data.code === 200) {
           let arr = res.data.data;
           let array = [];
@@ -448,7 +472,7 @@ export default {
         }
       })
     }
-    getLevelLista()
+    changetlevel()
     const OnTheJobStatusList = ref([
       { value: 0, label: "在职" },
       { value: 1, label: "离职" },
@@ -554,7 +578,7 @@ export default {
       else if (state.moreid == 2) {
         state.moreid = 1
         state.searchParam.waitStatus = null
-        state.searchParam.certStatus = null
+        state.searchParam.certStatus = null 
         state.searchParam.payrollPlaceId = null
       }
     }
@@ -563,24 +587,23 @@ export default {
         title: '姓名 ',
         dataIndex: 'name',
         key: 'name',
-        elipsis: true, align: "center",
+        elipsis: true,
         align: "center",
-        width: 120,
+        width: 100,
       },
       {
         title: '工号 ',
         dataIndex: 'userNo',
         key: 'userNo',
-        elipsis: true, align: "center",
+        elipsis: true,
         align: "center",
-        width: 120,
+        width: 100,
       },
       {
         title: '所属组织 ',
         dataIndex: 'departId',
         key: 'departId',
         elipsis: true, align: "center",
-        align: "center",
         width: 400,
         //  customRender: (value, record) => {
         //   return (
@@ -595,16 +618,14 @@ export default {
         dataIndex: 'tsystemName',
         key: 'tsystemName',
         elipsis: true, align: "center",
-        align: "center",
-        width: 120,
+        width: 100,
       },
       {
         title: '级别 ',
         dataIndex: 'tlevelName',
         key: 'tlevelName',
         elipsis: true, align: "center",
-        align: "center",
-        width: 120,
+        width: 100,
       },
       {
         title: '发薪地 ',
@@ -618,14 +639,14 @@ export default {
         dataIndex: 'teaching',
         key: 'teaching',
         elipsis: true, align: "center",
-        width: 120,
+        width: 100,
       },
       {
         title: '在职状态 ',
         dataIndex: 'waitStatus',
         key: 'waitStatus',
         elipsis: true, align: "center",
-        width: 120,
+        width: 100,
         customRender: (value) => {
           return (
             <div>
@@ -644,7 +665,7 @@ export default {
         dataIndex: 'certStatus',
         key: 'certStatus',
         elipsis: true, align: "center",
-        width: 120,
+        width: 100,
         customRender: (value) => {
           return (
             <div>
@@ -663,7 +684,7 @@ export default {
         dataIndex: 'status',
         key: 'status',
         elipsis: true, align: "center",
-        width: 120,
+        width: 100,
         customRender: (value) => {
           return (
             <div>
@@ -682,8 +703,9 @@ export default {
         title: '操作 ',
         dataIndex: 'operation',
         key: 'operation',
-        elipsis: true, align: "center",
+        elipsis: true, 
         width: 300,
+        align: "right",
         scopedSlots: { customRender: "action" },
       },
     ])
@@ -918,7 +940,7 @@ export default {
       LecturerSystemList,
       getLevelList,
       OnTheJobStatusList,
-      getLevelLista,
+      changetlevel,
       PlaceOfPayLista,
       AuthenticationStatusList,
       PlaceOfPayList,
@@ -1032,7 +1054,7 @@ export default {
   height: 100%;
   display: flex;
   flex-direction: column;
-
+position: relative;
   .filter {
     margin-left: 38px;
     margin-right: 38px;
@@ -1053,7 +1075,7 @@ export default {
   box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21);
   border-radius: 4px;
   position: absolute;
-  left: 50%;
+  left: 30%;
   top: 10%;
   // transform: translate(-50%, -50%);