Update TableProMax.vue

policeManagement/src/components/table/TableProMax.vue

@@ -1,16 +1,15 @@
 <template>
   <div class="table-pro-content">
     <div class="card padding" v-if="props.searchFormOptions">
-      <FormProMax ref="searchFormRef" :form-item-options="props.searchFormOptions" v-model:value="searchParams"
+      <FormProMax ref="searchFormRef" :form-item-options="props.searchFormOptions" v-model:value="searchParams" v-bind="props.searchFormProps">
-                  v-bind="props.searchFormProps">
         <template v-slot:formOperation>
           <a-space class="margin-right flex-end">
             <a-button type="primary" @click="search">
-              <search-outlined/>
+              <search-outlined />
               搜索
             </a-button>
             <a-button danger @click="resetFormAndTable">
-              <rollback-outlined/>
+              <rollback-outlined />
               重置
             </a-button>
           </a-space>
@@ -27,7 +26,7 @@
             <a-tooltip>
               <template #title>刷新数据</template>
               <a-button shape="circle" @click="requestGetTableData">
-                <ReloadOutlined/>
+                <ReloadOutlined />
               </a-button>
             </a-tooltip>
           </template>
@@ -35,7 +34,7 @@
             <a-tooltip>
               <template #title>打印数据</template>
               <a-button shape="circle">
-                <PrinterOutlined/>
+                <PrinterOutlined />
               </a-button>
             </a-tooltip>
           </template>
@@ -70,17 +69,12 @@
 
 <script setup lang="ts" generic="T extends BaseTableRowRecord = {},P extends { [key: string]: any } ={}">
 import FormProMax from '@/components/form/FormProMax.vue'
-import {PrinterOutlined, ReloadOutlined, RollbackOutlined, SearchOutlined} from '@ant-design/icons-vue'
+import { PrinterOutlined, ReloadOutlined, RollbackOutlined, SearchOutlined } from '@ant-design/icons-vue'
-import {computed, onMounted, Ref, ref} from 'vue'
+import { computed, onMounted, Ref, ref } from 'vue'
-import {FormInstance} from 'ant-design-vue'
+import { FormInstance } from 'ant-design-vue'
 import useTableProMax from '@/hooks/useTableProMax.ts'
-import {includes, isEmpty} from 'lodash-es'
+import { includes, isEmpty } from 'lodash-es'
-import {
+import { BaseTableRowRecord, TableProMaxProps, TableProMaxRowSelect, TableProMaxSlots } from '@/types/components/table/index.ts'
-  BaseTableRowRecord,
-  TableProMaxProps,
-  TableProMaxRowSelect,
-  TableProMaxSlots
-} from '@/types/components/table/index.ts'
 
 //
 const selectKeys = ref<string[]>([])
@@ -156,7 +150,7 @@ const tableColumns = computed(() => {
         dataIndex: 'index',
         width: 60,
         title: '序号',
-        customRender: ({index}) => index + 1,
+        customRender: ({ index }) => index + 1,
       })
     }
   }
@@ -172,16 +166,7 @@ const searchFormRef = ref<FormInstance>() as Ref<FormInstance>
  */
 const searchParams = ref<P | Record<string, any>>(props.defaultSearchParams || {}) as Ref<P>
 
-const {
+const { loading, dataSource, pageParams, search, requestGetTableData, handleSizeChange, handleCurrentChange, resetState } = useTableProMax(
-  loading,
-  dataSource,
-  pageParams,
-  search,
-  requestGetTableData,
-  handleSizeChange,
-  handleCurrentChange,
-  resetState
-} = useTableProMax(
   props.requestApi,
   searchFormRef,
   searchParams,
@@ -189,7 +174,6 @@ const {
   props.dataCallback,
   props.requestError
 )
-// console.log('pageParams', pageParams)
 
 onMounted(() => props.requestAuto && requestGetTableData(true))