¶Ô±ÈÐÂÎļþ |
| | |
| | | <template> |
| | | <div class="app-container"> |
| | | <el-form :model="filters"> |
| | | <el-form-item label="æç´¢"> |
| | | <el-input |
| | | v-model="filters.searchText" |
| | | style="width: 240px" |
| | | placeholder="请è¾å
¥" |
| | | clearable |
| | | :prefix-icon="Search" |
| | | @change="getTableData" |
| | | /> |
| | | </el-form-item> |
| | | </el-form> |
| | | <PIMTable :column="columns" /> |
| | | </div> |
| | | </template> |
| | | |
| | | <script setup> |
| | | import { usePaginationApi } from "@/hooks/usePaginationApi"; |
| | | import { Search } from "@element-plus/icons-vue"; |
| | | |
| | | defineOptions({ |
| | | name: "设å¤å°è´¦", |
| | | }); |
| | | |
| | | const { filters, columns, getTableData } = usePaginationApi( |
| | | () => {}, |
| | | { |
| | | searchText: undefined, |
| | | }, |
| | | [ |
| | | { |
| | | label: "设å¤åç§°", |
| | | }, |
| | | ] |
| | | ); |
| | | </script> |