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

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

Browse Source
This commit is contained in:
TsMask
2024-12-18 15:32:36 +08:00
parent 11649c3fb1
commit d3a18f95db
3 changed files with 100 additions and 99 deletions
Download Patch File Download Diff File Expand all files Collapse all files

108
src/views/dashboard/amfUE/index.vue
View File

@@ -654,65 +654,59 @@ onBeforeUnmount(() => {
</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-divider orientation="left"> <a-col :lg="8" :md="12" :xs="24" :offset="2">
{{ t('views.dashboard.ue.ueInfo') }} <a-divider orientation="left">
</a-divider> {{ t('views.dashboard.ue.rowInfo') }}
<div> </a-divider>
<span>{{ t('views.ne.common.neName') }}: </span> <div>
<span>{{ record.neName }}</span> <span>{{ t('views.dashboard.ue.time') }}: </span>
</div> <span
<div> v-if="record.eventType === 'auth-result'"
<span>{{ t('views.ne.common.rmUid') }}: </span> :title="record.eventJSON.authTime"
<span>{{ record.rmUID }}</span> >
</div> {{ record.eventJSON.authTime }}
<a-divider orientation="left"> </span>
{{ t('views.dashboard.ue.rowInfo') }} <span
</a-divider> v-if="record.eventType === 'detach'"
<div> :title="record.eventJSON.detachTime"
<span>{{ t('views.dashboard.ue.time') }}: </span> >
<span {{ record.eventJSON.detachTime }}
v-if="record.eventType === 'auth-result'" </span>
:title="record.eventJSON.authTime" <span
> v-if="record.eventType === 'cm-state'"
{{ record.eventJSON.authTime }} :title="record.eventJSON.changeTime"
</span> >
<span {{ record.eventJSON.changeTime }}
v-if="record.eventType === 'detach'" </span>
:title="record.eventJSON.detachTime" </div>
> <div>
{{ record.eventJSON.detachTime }} <span>{{ t('views.dashboard.ue.eventType') }}: </span>
</span>
<span
v-if="record.eventType === 'cm-state'"
:title="record.eventJSON.changeTime"
>
{{ record.eventJSON.changeTime }}
</span>
</div>
<div>
<span>{{ t('views.dashboard.ue.eventType') }}: </span>
<DictTag :options="dict.ueEventType" :value="record.eventType" />
</div>
<div>
<span>{{ t('views.dashboard.ue.result') }}: </span>
<span v-if="record.eventType === 'auth-result'">
<DictTag <DictTag
:options="dict.ueAauthCode" :options="dict.ueEventType"
:value="record.eventJSON.authCode" :value="record.eventType"
/> />
</span> </div>
<span v-if="record.eventType === 'detach'"> <div>
{{ t('views.dashboard.ue.resultOk') }} <span>{{ t('views.dashboard.ue.result') }}: </span>
</span> <span v-if="record.eventType === 'auth-result'">
<span v-if="record.eventType === 'cm-state'"> <DictTag
<DictTag :options="dict.ueAauthCode"
:options="dict.ueEventCmState" :value="record.eventJSON.authCode"
:value="record.eventJSON.status" />
/> </span>
</span> <span v-if="record.eventType === 'detach'">
</div> {{ t('views.dashboard.ue.resultOk') }}
</div> </span>
<span v-if="record.eventType === 'cm-state'">
<DictTag
:options="dict.ueEventCmState"
:value="record.eventJSON.status"
/>
</span>
</div>
</a-col>
</a-row>
</template> </template>
</a-table> </a-table>
</a-card> </a-card>

4
src/views/dashboard/imsCDR/index.vue
View File

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

87
src/views/dashboard/mmeUE/index.vue
View File

@@ -685,48 +685,55 @@ onBeforeUnmount(() => {
</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-divider orientation="left"> <a-col :lg="8" :md="12" :xs="24" :offset="2">
{{ t('views.dashboard.ue.ueInfo') }} <a-divider orientation="left">
</a-divider> {{ t('views.dashboard.ue.ueInfo') }}
<div> </a-divider>
<span>{{ t('views.ne.common.neName') }}: </span> <div>
<span>{{ record.neName }}</span> <span>{{ t('views.ne.common.neName') }}: </span>
</div> <span>{{ record.neName }}</span>
<div> </div>
<span>{{ t('views.ne.common.rmUid') }}: </span> <div>
<span>{{ record.rmUID }}</span> <span>{{ t('views.ne.common.rmUid') }}: </span>
</div> <span>{{ record.rmUID }}</span>
<a-divider orientation="left"> </div>
{{ t('views.dashboard.ue.rowInfo') }} </a-col>
</a-divider> <a-col :lg="8" :md="12" :xs="24">
<div> <a-divider orientation="left">
<span>{{ t('views.dashboard.ue.time') }}: </span> {{ t('views.dashboard.ue.rowInfo') }}
{{ parseDateToStr(record.eventJSON.timestamp * 1000) }} </a-divider>
</div> <div>
<div> <span>{{ t('views.dashboard.ue.time') }}: </span>
<span>{{ t('views.dashboard.ue.eventType') }}: </span> {{ parseDateToStr(record.eventJSON.timestamp * 1000) }}
<DictTag :options="dict.ueEventType" :value="record.eventType" /> </div>
</div> <div>
<div> <span>{{ t('views.dashboard.ue.eventType') }}: </span>
<span>{{ t('views.dashboard.ue.result') }}: </span>
<span v-if="record.eventType === 'auth-result'">
<DictTag <DictTag
:options="dict.ueAauthCode" :options="dict.ueEventType"
:value="record.eventJSON.result" :value="record.eventType"
/> />
</span> </div>
<span v-if="record.eventType === 'detach'"> <div>
{{ t('views.dashboard.ue.resultOk') }} <span>{{ t('views.dashboard.ue.result') }}: </span>
</span> <span v-if="record.eventType === 'auth-result'">
<span v-if="record.eventType === 'cm-state'"> <DictTag
<DictTag :options="dict.ueAauthCode"
:options="dict.ueEventCmState" :value="record.eventJSON.result"
:value="record.eventJSON.result" />
/> </span>
</span> <span v-if="record.eventType === 'detach'">
</div> {{ t('views.dashboard.ue.resultOk') }}
</div> </span>
<span v-if="record.eventType === 'cm-state'">
<DictTag
:options="dict.ueEventCmState"
:value="record.eventJSON.result"
/>
</span>
</div>
</a-col>
</a-row>
</template> </template>
</a-table> </a-table>
</a-card> </a-card>