init

.svn/pristine/82/8230a93fdbef268782e500b1a34e50526c89f47f.svn-base

@@ -0,0 +1,81 @@
+<script lang="ts">
+export default {
+  name: "TablePage",
+};
+</script>
+
+<script lang="ts" setup>
+import { LayIcon } from "@layui/icons-vue";
+import LayPage from "../page/index.vue";
+import { computed, WritableComputedRef } from "vue";
+
+export interface TablePageProps {
+  showPage?: boolean;
+  showSkip?: boolean;
+  showLimit?: boolean;
+  showCount?: boolean;
+  showRefresh?: boolean;
+  current: number;
+  limits?: number[];
+  pages?: number;
+  total: number;
+  limit: number;
+  theme?: string;
+  count?:number;
+}
+
+const props = withDefaults(defineProps<TablePageProps>(), {
+  showPage: true,
+  showLimit: true,
+  showSkip: true,
+});
+
+const emit = defineEmits(["update:current", "update:limit", "change"]);
+
+const current: WritableComputedRef<number> = computed({
+  get() {
+    return props.current;
+  },
+  set(val) {
+    emit("update:current", val);
+  },
+});
+
+const limit: WritableComputedRef<number> = computed({
+  get() {
+    return props.limit;
+  },
+  set(val) {
+    emit("update:limit", val);
+  },
+});
+
+const change = (pageData: any) => {
+  emit("change", pageData);
+};
+</script>
+
+<template>
+  <lay-page
+    :total="total"
+    :show-page="showPage"
+    :show-skip="showSkip"
+    :show-limit="showLimit"
+    :show-count="showCount"
+    :show-refresh="showRefresh"
+    :limits="limits"
+    :theme="theme"
+    :pages="pages"
+    :count="count"
+    v-model="current"
+    v-model:limit="limit"
+    @change="change"
+  >
+    <template #prev>
+      <lay-icon type="layui-icon-left" />
+    </template>
+    <template #next>
+      <lay-icon type="layui-icon-right" />
+    </template>
+  </lay-page>
+</template>