From 28a53fe81cdb551d2bf2023167487a3060e0f180 Mon Sep 17 00:00:00 2001
From: Ben Lin <maobin001@msn.com>
Date: 星期三, 30 十月 2024 00:35:51 +0800
Subject: [PATCH] 一些更改
---
src/components/CardList/src/CardList.vue | 44 +++++++++++++++++++++-----------------------
1 files changed, 21 insertions(+), 23 deletions(-)
diff --git a/src/components/CardList/src/CardList.vue b/src/components/CardList/src/CardList.vue
index 7d89cb8..f2cbe4e 100644
--- a/src/components/CardList/src/CardList.vue
+++ b/src/components/CardList/src/CardList.vue
@@ -10,22 +10,23 @@
:pagination="paginationProp"
>
<template #header>
- <div class="flex justify-end space-x-2"
- ><slot name="header"></slot>
+ <div class="flex justify-end space-x-2">
+ <slot name="header"> </slot>
<Tooltip>
<template #title>
- <div class="w-50">姣忚鏄剧ず鏁伴噺</div
- ><Slider
+ <div class="w-50">姣忚鏄剧ず鏁伴噺</div>
+ <Slider
id="slider"
v-bind="sliderProp"
v-model:value="grid"
@change="sliderChange"
- /></template>
- <Button><TableOutlined /></Button>
+ />
+ </template>
+ <a-button><TableOutlined /></a-button>
</Tooltip>
<Tooltip @click="fetch">
<template #title>鍒锋柊</template>
- <Button><RedoOutlined /></Button>
+ <a-button><RedoOutlined /></a-button>
</Tooltip>
</div>
</template>
@@ -39,8 +40,7 @@
</div>
</template>
<template #actions>
- <!-- <SettingOutlined key="setting" />-->
- <EditOutlined key="edit" />
+ <EditOutlined />
<Dropdown
:trigger="['hover']"
:dropMenuList="[
@@ -48,21 +48,20 @@
text: '鍒犻櫎',
event: '1',
popConfirm: {
- title: '鏄惁纭鍒犻櫎?',
- placement: 'left',
+ title: '鏄惁纭鍒犻櫎',
confirm: handleDelete.bind(null, item.id),
},
},
]"
popconfirm
>
- <EllipsisOutlined key="ellipsis" />
+ <EllipsisOutlined />
</Dropdown>
</template>
<CardMeta>
<template #title>
- <TypographyText :content="item.name" :ellipsis="{ tooltip: item.address }" />
+ <TypographyParagraph :content="item.name" :ellipsis="{ tooltip: item.address }" />
</template>
<template #avatar>
<Avatar :src="item.avatar" />
@@ -85,16 +84,15 @@
TableOutlined,
} from '@ant-design/icons-vue';
import { List, Card, Image, Typography, Tooltip, Slider, Avatar } from 'ant-design-vue';
- import { Dropdown } from '/@/components/Dropdown';
- import { BasicForm, useForm } from '/@/components/Form';
- import { propTypes } from '/@/utils/propTypes';
- import { Button } from '/@/components/Button';
- import { isFunction } from '/@/utils/is';
+ import { Dropdown } from '@/components/Dropdown';
+ import { BasicForm, useForm } from '@/components/Form';
+ import { propTypes } from '@/utils/propTypes';
+ import { isFunction } from '@/utils/is';
import { useSlider, grid } from './data';
const ListItem = List.Item;
const CardMeta = Card.Meta;
- const TypographyText = Typography.Text;
+ const TypographyParagraph = Typography.Paragraph;
// 鑾峰彇slider灞炴��
const sliderProp = computed(() => useSlider(4));
// 缁勪欢鎺ユ敹鍙傛暟
@@ -158,22 +156,22 @@
pageSize,
current: page,
total,
- showTotal: (total) => `鎬� ${total} 鏉,
+ showTotal: (total: number) => `鎬� ${total} 鏉,
onChange: pageChange,
onShowSizeChange: pageSizeChange,
});
- function pageChange(p, pz) {
+ function pageChange(p: number, pz: number) {
page.value = p;
pageSize.value = pz;
fetch();
}
- function pageSizeChange(_current, size) {
+ function pageSizeChange(_current, size: number) {
pageSize.value = size;
fetch();
}
- async function handleDelete(id) {
+ async function handleDelete(id: number) {
emit('delete', id);
}
</script>
--
Gitblit v1.9.3