style: mml日志横向滚动

This commit is contained in:
TsMask
2023-11-09 15:41:32 +08:00
parent 760e7663f2
commit 74eb29d64d

View File

@@ -67,32 +67,38 @@ let tableColumns: ColumnsType = [
title: t('common.rowId'), title: t('common.rowId'),
dataIndex: 'id', dataIndex: 'id',
align: 'center', align: 'center',
width: 2,
}, },
{ {
title: '登录账号', title: '登录账号',
dataIndex: 'user', dataIndex: 'user',
align: 'center', align: 'center',
width: 3,
}, },
{ {
title: 'IP地址', title: 'IP地址',
dataIndex: 'ip', dataIndex: 'ip',
align: 'center', align: 'center',
width: 3,
}, },
{ {
title: '网元类型', title: '网元类型',
dataIndex: 'neType', dataIndex: 'neType',
align: 'center', align: 'center',
width: 3,
}, },
{ {
title: '网元唯一标识', title: '网元唯一标识',
dataIndex: 'neId', dataIndex: 'neId',
align: 'center', align: 'center',
width: 3,
}, },
{ {
title: 'MML', title: 'MML',
dataIndex: 'mml', dataIndex: 'mml',
key: 'mml', key: 'mml',
align: 'left', align: 'left',
width: 5,
}, },
{ {
title: '记录时间', title: '记录时间',
@@ -102,6 +108,7 @@ let tableColumns: ColumnsType = [
if (!opt.value) return ''; if (!opt.value) return '';
return parseDateToStr(opt.value); return parseDateToStr(opt.value);
}, },
width: 3,
}, },
]; ];
@@ -275,7 +282,7 @@ onMounted(() => {
:data-source="tableState.data" :data-source="tableState.data"
:size="tableState.size" :size="tableState.size"
:pagination="tablePagination" :pagination="tablePagination"
:scroll="{ x: true }" :scroll="{ x: 1000, y: 400 }"
> >
<template #bodyCell="{ column, record }"> <template #bodyCell="{ column, record }">
<template v-if="column.key === 'mml'"> <template v-if="column.key === 'mml'">
@@ -295,7 +302,7 @@ onMounted(() => {
padding: 0 24px; padding: 0 24px;
} }
.mmlText { .mmlText {
max-width: 800px; // max-width: 800px; sdf
cursor: pointer; cursor: pointer;
} }
</style> </style>