style: 数据列表列宽固定操作

This commit is contained in:
TsMask
2023-11-01 19:16:32 +08:00
parent 6cfe080a94
commit e97943bf10
7 changed files with 112 additions and 30 deletions

View File

@@ -86,51 +86,61 @@ let tableColumns: ColumnsType = [
title: '网元类型',
dataIndex: 'neType',
align: 'center',
width: 3,
},
{
title: '网元内部标识',
dataIndex: 'neId',
align: 'center',
width: 3,
},
{
title: '资源唯一标识',
dataIndex: 'rmUid',
align: 'center',
width: 5,
},
{
title: '网元名称',
dataIndex: 'neName',
align: 'center',
width: 5,
},
{
title: 'IP地址',
dataIndex: 'ip',
align: 'center',
width: 5,
},
{
title: '端口',
dataIndex: 'port',
align: 'center',
width: 3,
},
{
title: '网元虚拟化标识',
dataIndex: 'pvFlag',
align: 'center',
width: 5,
},
{
title: '网元所在省份',
dataIndex: 'province',
align: 'center',
width: 5,
},
{
title: '厂商名称',
dataIndex: 'vendorName',
align: 'center',
width: 5,
},
{
title: '网络标识',
dataIndex: 'dn',
align: 'center',
width: 5,
},
{
title: '修改时间',
@@ -140,11 +150,14 @@ let tableColumns: ColumnsType = [
if (!opt.value) return '';
return parseDateToStr(opt.value);
},
width: 5,
},
{
title: t('common.operate'),
key: 'id',
align: 'center',
fixed: 'right',
width: 5,
},
];
@@ -749,7 +762,7 @@ onMounted(() => {
:data-source="tableState.data"
:size="tableState.size"
:pagination="tablePagination"
:scroll="{ x: true,y:400 }"
:scroll="{ x: 2000, y:400 }"
>
<template #bodyCell="{ column, record }">
<template v-if="column.key === 'id'">