style: CDR/UE展开详情布局调整

This commit is contained in:
TsMask
2024-12-19 11:30:43 +08:00
parent ea368f9162
commit 7c4710e2e7
3 changed files with 105 additions and 96 deletions

View File

@@ -788,7 +788,7 @@ onBeforeUnmount(() => {
</template>
<template #expandedRowRender="{ record }">
<a-row :gutter="16">
<a-col :lg="5" :md="12" :xs="24">
<a-col :lg="8" :md="12" :xs="24" :offset="2">
<a-divider orientation="left">
{{ t('views.dashboard.cdr.cdrInfo') }}
</a-divider>
@@ -811,7 +811,7 @@ onBeforeUnmount(() => {
</span>
</div>
</a-col>
<a-col :lg="6" :md="12" :xs="24">
<a-col :lg="8" :md="12" :xs="24">
<a-divider orientation="left">
{{ t('views.dashboard.cdr.rowInfo') }}
</a-divider>

View File

@@ -416,8 +416,6 @@ function wsMessage(res: Record<string, any>) {
}
}
onMounted(() => {
// 初始字典数据
Promise.allSettled([
@@ -725,7 +723,8 @@ onBeforeUnmount(() => {
</template>
</template>
<template #expandedRowRender="{ record }">
<div style="width: 46%; padding-left: 32px; padding-bottom: 16px">
<a-row :gutter="16">
<a-col :lg="8" :md="12" :xs="24" :offset="2">
<a-divider orientation="left">
{{ t('views.dashboard.ue.ueInfo') }}
</a-divider>
@@ -737,6 +736,8 @@ onBeforeUnmount(() => {
<span>{{ t('views.ne.common.rmUid') }}: </span>
<span>{{ record.rmUID }}</span>
</div>
</a-col>
<a-col :lg="8" :md="12" :xs="24">
<a-divider orientation="left">
{{ t('views.dashboard.ue.rowInfo') }}
</a-divider>
@@ -746,7 +747,10 @@ onBeforeUnmount(() => {
</div>
<div>
<span>{{ t('views.dashboard.ue.eventType') }}: </span>
<DictTag :options="dict.ueEventType" :value="record.eventType" />
<DictTag
:options="dict.ueEventType"
:value="record.eventType"
/>
</div>
<div>
<span>{{ t('views.dashboard.ue.result') }}: </span>
@@ -766,7 +770,8 @@ onBeforeUnmount(() => {
/>
</span>
</div>
</div>
</a-col>
</a-row>
</template>
</a-table>
</a-card>

View File

@@ -744,7 +744,8 @@ onBeforeUnmount(() => {
</template>
</template>
<template #expandedRowRender="{ record }">
<div style="width: 46%; padding-left: 32px; padding-bottom: 16px">
<a-row :gutter="16">
<a-col :lg="8" :md="12" :xs="24" :offset="2">
<a-divider orientation="left">
{{ t('views.dashboard.cdr.cdrInfo') }}
</a-divider>
@@ -766,6 +767,8 @@ onBeforeUnmount(() => {
}}
</span>
</div>
</a-col>
<a-col :lg="8" :md="12" :xs="24">
<a-divider orientation="left">
{{ t('views.dashboard.cdr.rowInfo') }}
</a-divider>
@@ -795,7 +798,8 @@ onBeforeUnmount(() => {
{{ t('views.dashboard.cdr.resultOk') }}
</span>
</div>
</div>
</a-col>
</a-row>
</template>
</a-table>
</a-card>