From 8d6c73e8ce157a70d6e83669e2d6fbb10ca3cdb9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=A6=96=E5=A7=90?= <2981176548@qq.com>
Date: Thu, 29 Feb 2024 21:39:54 +0800
Subject: [PATCH] =?UTF-8?q?=E8=BD=AE=E6=92=AD=E5=9B=BE=E4=BF=AE=E6=94=B94?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/Manager/components/Carousel.vue | 62 +++++++++++++++++------------
 1 file changed, 36 insertions(+), 26 deletions(-)

diff --git a/src/Manager/components/Carousel.vue b/src/Manager/components/Carousel.vue
index 5410577..c4be74d 100644
--- a/src/Manager/components/Carousel.vue
+++ b/src/Manager/components/Carousel.vue
@@ -8,7 +8,7 @@
         </a-space>
     </div>
 
-    <a-table :row-selection="rowSelection" :columns="columns"  :data-source="states.data" :pagination="pagination" :scroll="{ x:0,y: 430}" style="width: 85vw;">
+    <a-table :row-selection="rowSelection"  :rowKey="record => record.id" :columns="columns"  :data-source="states.data"  :pagination="pagination"  style="width: 84vw;">
 
 
         <template #bodyCell="{ column, record }">
@@ -158,7 +158,7 @@ const showAddModal = () => {
 // // 翻页
 const pagination = computed(() => ({
   total: states.data.length,
-  pageSize: 10,
+  pageSize: 5,
 }));
 
 
@@ -169,54 +169,54 @@ const columns = [
         dataIndex: 'author',
         key: 'author',
         resizable: true,
-        width: 100,
-        minWidth: 100,
-        maxWidth: 200,
+        // width: 100,
+        // minWidth: 100,
+        // maxWidth: 200,
     },
     {
         title:'图片',
         key: 'photo',
         dataIndex: 'photo',
         resizable: true,
-        width: 150,
-        maxWidth: 150,
+        // width: 150,
+        // maxWidth: 150,
 
     },
     {
         title: '标题',
         dataIndex: 'title',
         key: 'title',
-        width:150,
-        maxWidth: 150,
+        // width:150,
+        // maxWidth: 150,
     },
     {
         title: '创建时间',
         dataIndex: 'createdAt',
         key: 'createdAt',
-        width:200,
-        maxWidth: 200,
-    },
-    {
-        title: '图片地址',
-        dataIndex: 'image',
-        key: 'image',
-        width:250,
-        maxWidth: 250
-
+        // width:200,
+        // maxWidth: 200,
     },
+    // {
+    //     title: '图片地址',
+    //     dataIndex: 'image',
+    //     key: 'image',
+    //     width:250,
+    //     maxWidth: 250
+    //
+    // },
     {
         title: '排序',
         dataIndex: 'displayOrder',
         key: 'displayOrder',
         width:80,
-        maxWidth: 80,
+        // maxWidth: 80,
     },
     {
         title: '状态',
         key: 'isActive',
         dataIndex: 'isActive',
-        width: 80,
-        maxWidth: 80,
+        // width: 80,
+        // maxWidth: 80,
     },
     {
         title: '操作',
@@ -363,14 +363,24 @@ const formState = reactive({
     isActive: false,
 });
 
+// const rowSelection = {
+//     onChange: (selectedRowKeys, selectedRows) => {
+//         console.log(`selectedRowKeys: ${selectedRowKeys}`, 'selectedRows: ', selectedRows);
+//     },
+//     getCheckboxProps: record => ({
+//         disabled: record.name === 'Disabled User',
+//         checked: record.id
+//     }),
+// };
+
+
 const rowSelection = {
     onChange: (selectedRowKeys, selectedRows) => {
         console.log(`selectedRowKeys: ${selectedRowKeys}`, 'selectedRows: ', selectedRows);
     },
-    getCheckboxProps: record => ({
-        disabled: record.name === 'Disabled User',
-        // Column configuration not to be checked
-        name: record.name,
+    getCheckboxProps: (record) => ({
+        // 设置每行选择框的属性
+        checked: record.id
     }),
 };