优化
This commit is contained in:
@ -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);
|
||||
/** 添加机械出入场详情 */
|
||||
|
||||
Reference in New Issue
Block a user