分页调整

src/views/lecturer/MonthlyStatistics.vue

@@ -27,9 +27,21 @@
                   :options="PlaceOfPayList" allowClear showSearch/>
           </a-form-item>
           <a-form-item class="select " >
-            <a-select style="width: 276px" v-model:value="searchParam.trainorgId" placeholder="培训发生组织"
-              :options="trainOrglist" allowClear showSearch>
-            </a-select>
+            <a-tree-select style="width: 230px"
+								:fieldNames="{
+									children: 'children',
+									label: 'name',
+									value: 'code',
+								}"
+								allow-clear
+								:getPopupContainer="triggerNode => triggerNode.parentNode || document.body"
+								v-model:value="searchParam.courseTypeId" 
+								show-search 
+								:dropdown-style="{ maxHeight: '400px', overflow: 'auto' }"
+								placeholder="请选择内容分类" 
+								tree-default-expand-all 
+								:tree-data="sysTypeOptions">
+							</a-tree-select>
           </a-form-item>
           <div style="display: flex; margin-bottom: 20px">
             <a-button @click="searchSubmit()" type="primary" class="resetbtn">查询 </a-button>
@@ -124,7 +136,8 @@
   </div>
 </template>
 <script lang="jsx">
-import { reactive, toRefs, ref, watch } from "vue";
+import { reactive, toRefs, ref, watch,computed  } from "vue";
+import { useStore } from "vuex";
 import { useRouter,useRoute } from "vue-router";
 import {
     UploadOutlined,
@@ -132,7 +145,6 @@ import {
   import { getPayRollPlace } from "../../api/Lecturer";
   import { getOrganization } from "../../api/Teaching";
 import ProjectManager from "@/components/project/ProjectManagerNew";
-import {getTrainOrg} from "../../api/lecturerFeeManagement";
 import {queryTeacherFeeMonthly} from "../../api/lecturerFeeStatistics";
 import {CostDetails} from "../lecturer/CostDetails.vue"
 // import * as api from '@/api/Lecturer'
@@ -164,12 +176,12 @@ export default {
       searchParam: {
         pageNo: "1",
         pageSize: "10",
-        teacherNo: null,
+        name: null,
         payrollPlaceId: null,
         departId: null,
         summaryDate:null,
       },
-      teacherNo:null,
+      name:null,
       drawer: {
         name: null,
         drawersearchdate: null,
@@ -179,6 +191,9 @@ export default {
     })
     watch(
     )
+        //获取内容分类
+        const store = useStore();
+    const sysTypeOptions = computed(() => store.state.content_type);
     const columns = ref([
       {
         title: '讲师姓名 ',
@@ -190,8 +205,8 @@ export default {
       },
       {
         title: '讲师工号',
-        dataIndex: 'teacherNo',
-        key: 'teacherNo',
+        dataIndex: 'name',
+        key: 'name',
         align: "center",
         elipsis: true,
         width: 200,
@@ -262,25 +277,7 @@ export default {
     const searchSubmit = () => {
       getTableDate();
     };
-    const trainOrglist=ref([])
-      //获取培训发生组织
-      const trainOrglista =() => {
-        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);
-              });
-              trainOrglist.value = array;
-            }
-        }) 
-      }
-      trainOrglista()
+ 
       const PlaceOfPayList = ref([
     ])
     //获取讲师发薪地列表
@@ -344,15 +341,17 @@ export default {
     }
     const changePagination = (page, pageSize) => {
       state.searchParam.pageNo = page;
+      // state.pageNo = page;
+      state.searchParam.pageSize = pageSize;
       getTableDate();
     };
     // 导出
     const handleFeeMonthly = () => {
       window.open(
-        `${process.env.VUE_APP_BASE_API}/teacher/fee/exportTeacherMonthlyFee?pageNo=${state.searchParam.currentPage
+        `${process.env.VUE_APP_BASE_API}/admin/export/exportTeacherSummary?pageNo=${state.searchParam.pageNo
         }&pageSize=${state.searchParam.pageSize}
         &userNo=${state.searchParam.payrollPlaceId ? state.searchParam.payrollPlaceId : ""}
-        &teacherNo=${state.searchParam.teacherNo ? state.searchParam.teacherNo : ""}
+        &name=${state.searchParam.name ? state.searchParam.name : ""}
         &departId=${state.searchParam.trainorgId ? state.searchParam.trainorgId : ""}`)
     }
      //重置
@@ -360,7 +359,7 @@ export default {
         state.searchParam = { 
           pageNo: "1",
         pageSize: "10",
-        teacherNo: null,
+        name : null,
         payrollPlaceId: null,
         departId: null,
         summaryDate:null,
@@ -496,12 +495,10 @@ export default {
       };
     return {
       ...toRefs(state), 
-      trainOrglist,
       tableDatas, 
       column,
       cancelTeachingDialog,
       searchReset,
-        trainOrglista,
       handleFeeMonthly,
       handleLook,
       changePagination,
@@ -513,7 +510,8 @@ export default {
       PlaceOfPayLista,
       getOrganizationList,
       getOrganizationLista,
-      searchResetdrawer
+      searchResetdrawer,
+      sysTypeOptions,
     }
   },
 };
@@ -896,5 +894,23 @@ export default {
           font-size: 14px;
         }
       }
+      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;
+}
+}
       </style>