From af10c85c8f71ccdf2f60989a067804dd8b3aa667 Mon Sep 17 00:00:00 2001
From: Ben Lin <maobin001@msn.com>
Date: 星期三, 26 六月 2024 19:21:13 +0800
Subject: [PATCH] 产品工艺路线更新
---
src/views/demo/table/Basic.vue | 77 +++++++++++++++-----------------------
1 files changed, 31 insertions(+), 46 deletions(-)
diff --git a/src/views/demo/table/Basic.vue b/src/views/demo/table/Basic.vue
index cb438a3..979162c 100644
--- a/src/views/demo/table/Basic.vue
+++ b/src/views/demo/table/Basic.vue
@@ -28,53 +28,38 @@
</BasicTable>
</div>
</template>
-<script lang="ts">
- import { defineComponent, ref } from 'vue';
- import { BasicTable, ColumnChangeParam } from '/@/components/Table';
+<script lang="ts" setup>
+ import { ref } from 'vue';
+ import { BasicTable, ColumnChangeParam } from '@/components/Table';
import { getBasicColumns, getBasicData } from './tableData';
- export default defineComponent({
- components: { BasicTable },
- setup() {
- const canResize = ref(false);
- const loading = ref(false);
- const striped = ref(true);
- const border = ref(true);
- const pagination = ref<any>(false);
- function toggleCanResize() {
- canResize.value = !canResize.value;
- }
- function toggleStriped() {
- striped.value = !striped.value;
- }
- function toggleLoading() {
- loading.value = true;
- setTimeout(() => {
- loading.value = false;
- pagination.value = { pageSize: 20 };
- }, 3000);
- }
- function toggleBorder() {
- border.value = !border.value;
- }
+ const canResize = ref(false);
+ const loading = ref(false);
+ const striped = ref(true);
+ const border = ref(true);
+ const pagination = ref<any>(false);
- function handleColumnChange(data: ColumnChangeParam[]) {
- console.log('ColumnChanged', data);
- }
- return {
- columns: getBasicColumns(),
- data: getBasicData(),
- canResize,
- loading,
- striped,
- border,
- toggleStriped,
- toggleCanResize,
- toggleLoading,
- toggleBorder,
- pagination,
- handleColumnChange,
- };
- },
- });
+ const columns = getBasicColumns();
+ const data = getBasicData();
+
+ function toggleCanResize() {
+ canResize.value = !canResize.value;
+ }
+ function toggleStriped() {
+ striped.value = !striped.value;
+ }
+ function toggleLoading() {
+ loading.value = true;
+ setTimeout(() => {
+ loading.value = false;
+ pagination.value = { pageSize: 20 };
+ }, 3000);
+ }
+ function toggleBorder() {
+ border.value = !border.value;
+ }
+
+ function handleColumnChange(data: ColumnChangeParam[]) {
+ console.log('ColumnChanged', data);
+ }
</script>
--
Gitblit v1.9.3