index.vue 1.1 KB

123456789101112131415161718192021222324252627
  1. <!-- 我的收藏 -->
  2. <template>
  3. <app-view>
  4. <template #header>
  5. <app-filter v-bind="{ selectList, buttonList }" :loading="loading" />
  6. </template>
  7. <app-table :data="dataList" v-model:columns="columns" :loading="loading">
  8. <!-- 操作 -->
  9. <template #operate="{ row }">
  10. <app-auth-operation :options="{ selectedRow: row }" @closed="getFavoriteList" />
  11. </template>
  12. <template #footer>
  13. <app-pagination :total="total" v-model:page-size="pageSize" v-model:page-index="pageIndex" />
  14. </template>
  15. </app-table>
  16. </app-view>
  17. </template>
  18. <script lang="ts" setup>
  19. import { useFavorite } from '@/business/favorite'
  20. import AppAuthOperation from '@pc/components/modules/auth-operation/index.vue'
  21. import AppTable from '@pc/components/base/table/index.vue'
  22. import AppPagination from '@pc/components/base/pagination/index.vue'
  23. import AppFilter from '@pc/components/base/table-filter/index.vue'
  24. const { loading, dataList, columns, total, pageIndex, pageSize, selectList, buttonList, getFavoriteList } = useFavorite()
  25. </script>