This commit is contained in:
lcj
2025-03-17 15:59:35 +08:00
parent 1fb63a188c
commit 6516fcccdd
8 changed files with 133 additions and 56 deletions

View File

@ -42,17 +42,10 @@
</el-row>
</template>
<el-table
v-loading="loading"
:data="machineryList"
@selection-change="handleSelectionChange"
:row-key="getRowKey"
:expand-row-keys="expandedRowKeys"
@expand-change="handleExpandChange"
>
<el-table v-loading="loading" :data="machineryList" @selection-change="handleSelectionChange">
<el-table-column type="expand">
<template #default="">
<machinery-detail-table :machinery-id="expandedRowKeys[0]" />
<template #default="{ row }">
<machinery-detail-table :machinery-id="row.id" />
</template>
</el-table-column>
<el-table-column type="selection" width="55" align="center" />
@ -262,21 +255,6 @@ const handleExport = () => {
);
};
// 存储当前展开行的 key 数组(只允许一个展开)
const expandedRowKeys = ref([]);
// row-key 函数:返回每一行的唯一标识
const getRowKey = (row: any) => row.id;
/** 展开选中数据 */
const handleExpandChange = async (selection: MachineryVO, expanded: any) => {
if (expanded) {
// 展开当前行时,将其他展开行关闭,只保留当前行 id
expandedRowKeys.value = [selection.id];
} else {
// 收起当前行时,从 expandedRowKeys 中移除
expandedRowKeys.value = expandedRowKeys.value.filter((key) => key !== selection.id);
}
};
const dialogRef = ref();
const currentMachineryId = ref<number | string>(0);
/** 添加机械出入场详情 */