mirror of
				https://gitee.com/hhyykk/ipms-sjy-ui.git
				synced 2025-10-31 18:28:44 +08:00 
			
		
		
		
	Table 组件:1)增加 tableMethods 属性,提升代码的可阅读性;2)Table 和 Pagination 组件的逻辑统一
This commit is contained in:
		| @@ -5,7 +5,7 @@ | |||||||
|     class="float-right mt-15px mb-15px" |     class="float-right mt-15px mb-15px" | ||||||
|     :background="true" |     :background="true" | ||||||
|     layout="total, sizes, prev, pager, next, jumper" |     layout="total, sizes, prev, pager, next, jumper" | ||||||
|     :page-sizes="[10, 20, 30, 50]" |     :page-sizes="[10, 20, 30, 50, 100]" | ||||||
|     v-model:current-page="currentPage" |     v-model:current-page="currentPage" | ||||||
|     v-model:page-size="pageSize" |     v-model:page-size="pageSize" | ||||||
|     :pager-count="pagerCount" |     :pager-count="pagerCount" | ||||||
|   | |||||||
| @@ -104,11 +104,12 @@ export default defineComponent({ | |||||||
|     }) |     }) | ||||||
|  |  | ||||||
|     const pagination = computed(() => { |     const pagination = computed(() => { | ||||||
|  |       // update by 芋艿:保持和 Pagination 组件的逻辑一致 | ||||||
|       return Object.assign( |       return Object.assign( | ||||||
|         { |         { | ||||||
|           small: false, |           small: false, | ||||||
|           background: true, |           background: true, | ||||||
|           pagerCount: 5, |           pagerCount: document.body.clientWidth < 992 ? 5 : 7, | ||||||
|           layout: 'total, sizes, prev, pager, next, jumper', |           layout: 'total, sizes, prev, pager, next, jumper', | ||||||
|           pageSizes: [10, 20, 30, 50, 100], |           pageSizes: [10, 20, 30, 50, 100], | ||||||
|           disabled: false, |           disabled: false, | ||||||
| @@ -283,10 +284,11 @@ export default defineComponent({ | |||||||
|           }} |           }} | ||||||
|         </ElTable> |         </ElTable> | ||||||
|         {unref(getProps).pagination ? ( |         {unref(getProps).pagination ? ( | ||||||
|  |           // update by 芋艿:保持和 Pagination 组件一致 | ||||||
|           <ElPagination |           <ElPagination | ||||||
|             v-model:pageSize={pageSizeRef.value} |             v-model:pageSize={pageSizeRef.value} | ||||||
|             v-model:currentPage={currentPageRef.value} |             v-model:currentPage={currentPageRef.value} | ||||||
|             class="mt-10px" |             class="float-right mt-15px mb-15px" | ||||||
|             {...unref(pagination)} |             {...unref(pagination)} | ||||||
|           ></ElPagination> |           ></ElPagination> | ||||||
|         ) : undefined} |         ) : undefined} | ||||||
|   | |||||||
| @@ -218,6 +218,8 @@ export const useTable = <T = any>(config?: UseTableConfig<T>) => { | |||||||
|     register, |     register, | ||||||
|     elTableRef, |     elTableRef, | ||||||
|     tableObject, |     tableObject, | ||||||
|     methods |     methods, | ||||||
|  |     // add by 芋艿:返回 tableMethods 属性,和 tableObject 更统一 | ||||||
|  |     tableMethods: methods | ||||||
|   } |   } | ||||||
| } | } | ||||||
|   | |||||||
		Reference in New Issue
	
	Block a user
	 YunaiV
					YunaiV