添加了选择
This commit is contained in:
@ -140,10 +140,10 @@
|
|||||||
class="task-drawer"
|
class="task-drawer"
|
||||||
style="right: 481px"
|
style="right: 481px"
|
||||||
>
|
>
|
||||||
<Table :data-source="materialData" bordered :columns="columns" :pagination="false">
|
<Table :data-source="materialData" bordered :columns="columns" :pagination="false" :row-selection="rowSelection">
|
||||||
<template #name="{ record }">
|
<template #name="{ record }">
|
||||||
<div class="flex items-center">
|
<div class="flex items-center">
|
||||||
<img :src="record.cover" class="w-16px h-16px" />
|
<img :src="record.cover" class="w-64px h-64px border-rounded-8px bg-#F0EDFF" />
|
||||||
<div class="flex flex-col ml-8px">
|
<div class="flex flex-col ml-8px">
|
||||||
<div>{{ record.name }}</div>
|
<div>{{ record.name }}</div>
|
||||||
<div class="text-#999 text-12px">序号:{{ record.uid }}</div>
|
<div class="text-#999 text-12px">序号:{{ record.uid }}</div>
|
||||||
@ -206,8 +206,9 @@ const columns = ref([
|
|||||||
slots: { customRender: 'create_at' },
|
slots: { customRender: 'create_at' },
|
||||||
},
|
},
|
||||||
]);
|
]);
|
||||||
|
|
||||||
// 表格分页逻辑
|
// 表格分页逻辑
|
||||||
const { pageInfo, onPageChange, onPageSizeChange } = useTableSelectionWithPagination({
|
const { pageInfo, onPageChange, onPageSizeChange, rowSelection } = useTableSelectionWithPagination({
|
||||||
onPageChange: () => handleSearch(),
|
onPageChange: () => handleSearch(),
|
||||||
onPageSizeChange: () => handleSearch(),
|
onPageSizeChange: () => handleSearch(),
|
||||||
});
|
});
|
||||||
@ -294,7 +295,7 @@ watch(showDriwer, (newVal) => {
|
|||||||
onMounted(() => {
|
onMounted(() => {
|
||||||
handleSearch();
|
handleSearch();
|
||||||
});
|
});
|
||||||
const handleSelect = (value) => {
|
const handleTabSelect = (value) => {
|
||||||
isActive.value = value;
|
isActive.value = value;
|
||||||
};
|
};
|
||||||
const handleAddMaterial = () => {
|
const handleAddMaterial = () => {
|
||||||
|
|||||||
Reference in New Issue
Block a user