From 715aaa20aed512d8854da30c2cf43cf4e0b1ac24 Mon Sep 17 00:00:00 2001
From: lijingjia <lijj_xl@163.com>
Date: Tue, 26 Nov 2024 09:21:45 +0800
Subject: [PATCH] =?UTF-8?q?=E8=BF=AD=E4=BB=A3vxe=E8=A1=A8=E6=A0=BC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Table/src/BasicTable.vue | 14 +++++++++++---
 src/components/Table/src/props.ts       |  2 +-
 src/views/operation/seaexport/index.vue |  8 +++++++-
 3 files changed, 19 insertions(+), 5 deletions(-)

diff --git a/src/components/Table/src/BasicTable.vue b/src/components/Table/src/BasicTable.vue
index bca27546..2a04c48a 100644
--- a/src/components/Table/src/BasicTable.vue
+++ b/src/components/Table/src/BasicTable.vue
@@ -51,13 +51,15 @@
         @cell-dblclick="dbclickVxeRow"
         @sort-change="sortChangeEvent"
         @resizable-change="resizableChangeEvent"
+        @radio-change="rowChange"
+        @checkbox-change="rowChange"
       >
         <template #empty>
           <div>
             <img src="../../../assets/images/nodata.png" />
           </div>
         </template>
-        <vxe-column type="checkbox" fixed="left" width="40"></vxe-column>
+        <vxe-column :type="getBindValues?.rowSelection?.type" fixed="left" width="40"></vxe-column>
         <vxe-column v-if="numberCol !== false" type="seq" title="序号" width="50"></vxe-column>
         <template
           v-for="(item, index) in getBindValues.columns"
@@ -182,7 +184,8 @@ export default defineComponent({
     'edit-change',
     'expanded-rows-change',
     'change',
-    'columns-change'
+    'columns-change',
+    'row-change'
   ],
   setup(props, { attrs, emit, slots, expose }) {
     const tableElRef = ref(null)
@@ -518,6 +521,10 @@ export default defineComponent({
     //     fetch()
     //   }
     // }
+    // vxetable 行监听
+    const rowChange = (data) => {
+      emit('row-change', data)
+    }
     return {
       vxeSetId,
       formRef,
@@ -549,7 +556,8 @@ export default defineComponent({
       resizeColumn,
       reload,
       updateCol,
-      numberCol
+      numberCol,
+      rowChange
     }
   },
 })
diff --git a/src/components/Table/src/props.ts b/src/components/Table/src/props.ts
index d638d953..d8dd7047 100644
--- a/src/components/Table/src/props.ts
+++ b/src/components/Table/src/props.ts
@@ -103,7 +103,7 @@ export const basicProps = {
   resizeHeightOffset: propTypes.number.def(0),
   rowSelection: {
     type: Object as PropType<TableRowSelection | null>,
-    default: null,
+    default: { type: 'checkbox' },
   },
   title: {
     type: [String, Function] as PropType<string | ((data: Recordable) => string)>,
diff --git a/src/views/operation/seaexport/index.vue b/src/views/operation/seaexport/index.vue
index 0dec3100..121879f3 100644
--- a/src/views/operation/seaexport/index.vue
+++ b/src/views/operation/seaexport/index.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="ds-sea-export-table p20">
     <div class="ds-table">
-      <BasicTable @register="registerTable" @rowDbClick="handledbclick">
+      <BasicTable @register="registerTable" @rowDbClick="handledbclick" @row-change="rowChange">
         <template #tableTitle>
           <TableActionBar :selectRow="getVxeSelectRows" :reload="reload" :columns="getColumns" :queryData="queryData">
             <!-- <tableActionBarRight :selectRow="getVxeSelectRows" :reload="reload"></tableActionBarRight> -->
@@ -504,6 +504,9 @@ const [registerTable, { reload, getVxeSelectRows, setLoading, getColumns }] = us
   indexColumnProps: {
     width: 60,
   },
+  rowSelection: {
+    type: 'radio'
+  },
   canResize: true,
   resizeHeightOffset: 131,
   immediate: false,
@@ -517,6 +520,9 @@ const [registerTable, { reload, getVxeSelectRows, setLoading, getColumns }] = us
   //   fixed: 'right'
   // }
 })
+const rowChange = (data) => {
+  console.log(data)
+}
 function editColumns(row) {
   if (row.mblno) {
     go(`/BookingDetail?id=${row.id}&source=edit&mblno=${row.mblno}`)