style: 网元菜单表格调整

This commit is contained in:
TsMask
2024-04-17 15:05:17 +08:00
parent 96aab47003
commit eb902594b8
4 changed files with 11 additions and 10 deletions

View File

@@ -71,7 +71,7 @@ type TabeStateType = {
let tableState: TabeStateType = reactive({ let tableState: TabeStateType = reactive({
loading: false, loading: false,
size: 'middle', size: 'middle',
seached: true, seached: false,
data: [], data: [],
selectedRowKeys: [], selectedRowKeys: [],
}); });
@@ -502,7 +502,7 @@ onMounted(() => {
:data-source="tableState.data" :data-source="tableState.data"
:size="tableState.size" :size="tableState.size"
:pagination="tablePagination" :pagination="tablePagination"
:scroll="{ x: tableColumns.length * 120, y: 'calc(100vh - 480px)' }" :scroll="{ x: tableColumns.length * 150, y: 'calc(100vh - 480px)' }"
:row-selection="{ :row-selection="{
type: 'checkbox', type: 'checkbox',
columnWidth: '48px', columnWidth: '48px',
@@ -578,7 +578,7 @@ onMounted(() => {
</template> </template>
<template #expandedRowRender="{ record }"> <template #expandedRowRender="{ record }">
<a-row :gutter="16"> <a-row :gutter="16">
<a-col :offset="2" :lg="8" :md="8" :xs="24"> <a-col :offset="2" :lg="8" :md="8" :xs="8">
<a-divider orientation="left"> <a-divider orientation="left">
{{ t('views.ne.neInfo.info') }} {{ t('views.ne.neInfo.info') }}
</a-divider> </a-divider>
@@ -607,7 +607,7 @@ onMounted(() => {
<span>{{ record.serverState.expire }}</span> <span>{{ record.serverState.expire }}</span>
</div> </div>
</a-col> </a-col>
<a-col :offset="2" :lg="8" :md="8" :xs="24"> <a-col :offset="2" :lg="8" :md="8" :xs="8">
<a-divider orientation="left"> <a-divider orientation="left">
{{ t('views.ne.neInfo.resourceInfo') }} {{ t('views.ne.neInfo.resourceInfo') }}
</a-divider> </a-divider>

View File

@@ -149,8 +149,6 @@ let tableColumns = ref<TableColumnsType>([
title: t('common.operate'), title: t('common.operate'),
key: 'id', key: 'id',
align: 'left', align: 'left',
fixed: 'right',
width: 150,
}, },
]); ]);
@@ -586,7 +584,7 @@ onMounted(() => {
:data-source="tableState.data" :data-source="tableState.data"
:size="tableState.size" :size="tableState.size"
:pagination="tablePagination" :pagination="tablePagination"
:scroll="{ y: 'calc(100vh - 480px)' }" :scroll="{ x: tableColumns.length * 120 }"
@resizeColumn="(w:number, col:any) => (col.width = w)" @resizeColumn="(w:number, col:any) => (col.width = w)"
> >
<template #bodyCell="{ column, record }"> <template #bodyCell="{ column, record }">

View File

@@ -400,7 +400,10 @@ onMounted(() => {
</a-button> </a-button>
<a-button <a-button
type="primary" type="primary"
@click.prevent="() => (modalState.visibleByMoreFile = !modalState.visibleByMoreFile)" @click.prevent="
() =>
(modalState.visibleByMoreFile = !modalState.visibleByMoreFile)
"
> >
<template #icon><PlusOutlined /></template> <template #icon><PlusOutlined /></template>
More File Upload More File Upload
@@ -462,7 +465,7 @@ onMounted(() => {
:data-source="tableState.data" :data-source="tableState.data"
:size="tableState.size" :size="tableState.size"
:pagination="tablePagination" :pagination="tablePagination"
:scroll="{ y: 'calc(100vh - 480px)' }" :scroll="{ x: tableColumns.length * 150 }"
@resizeColumn="(w:number, col:any) => (col.width = w)" @resizeColumn="(w:number, col:any) => (col.width = w)"
> >
<template #bodyCell="{ column, record }"> <template #bodyCell="{ column, record }">

View File

@@ -580,7 +580,7 @@ onMounted(() => {
:data-source="tableState.data" :data-source="tableState.data"
:size="tableState.size" :size="tableState.size"
:pagination="tablePagination" :pagination="tablePagination"
:scroll="{ y: 'calc(100vh - 480px)' }" :scroll="{ x: tableColumns.length * 120 }"
@resizeColumn="(w:number, col:any) => (col.width = w)" @resizeColumn="(w:number, col:any) => (col.width = w)"
:row-selection="{ :row-selection="{
type: 'checkbox', type: 'checkbox',