OMC/fe.ems.vue3
1
0
Fork 0
Code Issues Releases 3 Activity

style: 网元信息拓展信息显示横向排版

Browse Source
This commit is contained in:
TsMask
2024-04-10 16:50:56 +08:00
parent 638f890228
commit b8bff2a159
1 changed files with 92 additions and 90 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/views/ne/neInfo/index.vue
View File

@@ -602,7 +602,8 @@ onMounted(() => {
</template> </template>
</template> </template>
<template #expandedRowRender="{ record }"> <template #expandedRowRender="{ record }">
<div style="width: 46%; padding-left: 32px; padding-bottom: 16px"> <a-row :gutter="16">
<a-col :offset="2" :lg="8" :md="8" :xs="24">
<a-divider orientation="left"> <a-divider orientation="left">
{{ t('views.ne.neInfo.info') }} {{ t('views.ne.neInfo.info') }}
</a-divider> </a-divider>
@@ -630,8 +631,8 @@ onMounted(() => {
<span>{{ t('views.ne.neInfo.expiryDate') }}：</span> <span>{{ t('views.ne.neInfo.expiryDate') }}：</span>
<span>{{ record.serverState.expire }}</span> <span>{{ record.serverState.expire }}</span>
</div> </div>
</div> </a-col>
<div style="width: 46%; padding-left: 32px; padding-bottom: 16px"> <a-col :offset="2" :lg="8" :md="8" :xs="24">
<a-divider orientation="left"> <a-divider orientation="left">
{{ t('views.ne.neInfo.resourceInfo') }} {{ t('views.ne.neInfo.resourceInfo') }}
</a-divider> </a-divider>
@@ -691,7 +692,8 @@ onMounted(() => {
:percent="record.resoures.sysDiskUsage" :percent="record.resoures.sysDiskUsage"
/> />
</div> </div>
</div> </a-col>
</a-row>
</template> </template>
</a-table> </a-table>
</a-card> </a-card>