勾选项ID
This commit is contained in:
@@ -48,6 +48,7 @@ const expandedRowKeys = ref<number[]>([]);
|
|||||||
|
|
||||||
// 处理展开行变化
|
// 处理展开行变化
|
||||||
function handleExpandChange(expanded: boolean, record: CDRRecord) {
|
function handleExpandChange(expanded: boolean, record: CDRRecord) {
|
||||||
|
console.log('Expanded: ', expanded, 'Record: ', record);
|
||||||
if (expanded) {
|
if (expanded) {
|
||||||
expandedRowKeys.value = [record.id];
|
expandedRowKeys.value = [record.id];
|
||||||
} else {
|
} else {
|
||||||
@@ -83,7 +84,7 @@ const { columns, data, loading, getData, mobilePagination, searchParams } = useT
|
|||||||
pageNum: 1,
|
pageNum: 1,
|
||||||
pageSize: 5,
|
pageSize: 5,
|
||||||
},
|
},
|
||||||
rowKey: 'cdrlrecords',
|
rowKey: 'id',
|
||||||
columns: () => [
|
columns: () => [
|
||||||
{
|
{
|
||||||
title: t('page.cdrlrecords.devicename'),
|
title: t('page.cdrlrecords.devicename'),
|
||||||
@@ -109,7 +110,6 @@ const { columns, data, loading, getData, mobilePagination, searchParams } = useT
|
|||||||
width: '30%',
|
width: '30%',
|
||||||
align: 'right',
|
align: 'right',
|
||||||
customRender(opt) {
|
customRender(opt) {
|
||||||
console.log(opt)
|
|
||||||
const record = opt.value;
|
const record = opt.value;
|
||||||
return formatTraffic(record);
|
return formatTraffic(record);
|
||||||
},
|
},
|
||||||
@@ -152,7 +152,7 @@ const { columns, data, loading, getData, mobilePagination, searchParams } = useT
|
|||||||
:loading="loading"
|
:loading="loading"
|
||||||
:columns="columns"
|
:columns="columns"
|
||||||
:data-source="data"
|
:data-source="data"
|
||||||
:row-key="(record: CDRRecord) => record.id"
|
row-key="id"
|
||||||
:expanded-row-keys="expandedRowKeys"
|
:expanded-row-keys="expandedRowKeys"
|
||||||
@expand="handleExpandChange"
|
@expand="handleExpandChange"
|
||||||
:pagination="mobilePagination"
|
:pagination="mobilePagination"
|
||||||
|
|||||||
@@ -153,7 +153,7 @@ const { columns, data, loading, getData, mobilePagination, searchParams } = useT
|
|||||||
pageNum: 1,
|
pageNum: 1,
|
||||||
pageSize: 5,
|
pageSize: 5,
|
||||||
},
|
},
|
||||||
rowKey: 'packageName',
|
rowKey: 'id',
|
||||||
columns: () => [
|
columns: () => [
|
||||||
{
|
{
|
||||||
title: t('page.packagehistories.orderdate'),
|
title: t('page.packagehistories.orderdate'),
|
||||||
@@ -228,7 +228,7 @@ const formatTraffic = (bytes: number): string => {
|
|||||||
</a-button>
|
</a-button>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<ATable :columns="columns" :data-source="data" :row-key="(record: Api.Package.PackageHistoryRecord) => record.id"
|
<ATable :columns="columns" :data-source="data" row-key="id"
|
||||||
:pagination="mobilePagination" >
|
:pagination="mobilePagination" >
|
||||||
<template #expandedRowRender="{ record }">
|
<template #expandedRowRender="{ record }">
|
||||||
<div class="pl-4">
|
<div class="pl-4">
|
||||||
|
|||||||
@@ -41,7 +41,7 @@ const { columns, data, loading, getData, mobilePagination, searchParams } = useT
|
|||||||
pageNum: 1,
|
pageNum: 1,
|
||||||
pageSize: 5,
|
pageSize: 5,
|
||||||
},
|
},
|
||||||
rowKey: 'rechargehistory',
|
rowKey: 'id',
|
||||||
columns: () => [
|
columns: () => [
|
||||||
{
|
{
|
||||||
title: t('page.Rechargehistory.topupdate'),
|
title: t('page.Rechargehistory.topupdate'),
|
||||||
@@ -100,7 +100,7 @@ const { columns, data, loading, getData, mobilePagination, searchParams } = useT
|
|||||||
<ATable
|
<ATable
|
||||||
:columns="columns"
|
:columns="columns"
|
||||||
:data-source="data"
|
:data-source="data"
|
||||||
:row-key="(record: Api.Recharge.RechargeRecord) => record.id"
|
row-key="id"
|
||||||
:pagination="mobilePagination"
|
:pagination="mobilePagination"
|
||||||
>
|
>
|
||||||
<template #expandedRowRender="{ record }">
|
<template #expandedRowRender="{ record }">
|
||||||
|
|||||||
Reference in New Issue
Block a user