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-19 11:30:43 +08:00
parent ea368f9162
commit 7c4710e2e7
3 changed files with 105 additions and 96 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -788,7 +788,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>
@@ -811,7 +811,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>

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

@@ -416,8 +416,6 @@ function wsMessage(res: Record<string, any>) {
} }
} }
onMounted(() => { onMounted(() => {
// 初始字典数据 // 初始字典数据
Promise.allSettled([ Promise.allSettled([
@@ -725,48 +723,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>

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

@@ -744,58 +744,62 @@ 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.cdr.cdrInfo') }} <a-divider orientation="left">
</a-divider> {{ t('views.dashboard.cdr.cdrInfo') }}
<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>
<div> </div>
<span>{{ t('views.dashboard.cdr.time') }}: </span> <div>
<span> <span>{{ t('views.dashboard.cdr.time') }}: </span>
{{ <span>
typeof record.cdrJSON.updateTime === 'number' {{
? parseDateToStr(+record.cdrJSON.updateTime * 1000) typeof record.cdrJSON.updateTime === 'number'
: record.cdrJSON.updateTime ? parseDateToStr(+record.cdrJSON.updateTime * 1000)
}} : record.cdrJSON.updateTime
</span> }}
</div> </span>
<a-divider orientation="left"> </div>
{{ t('views.dashboard.cdr.rowInfo') }} </a-col>
</a-divider> <a-col :lg="8" :md="12" :xs="24">
<div> <a-divider orientation="left">
<span>{{ t('views.dashboard.cdr.type') }}: </span> {{ t('views.dashboard.cdr.rowInfo') }}
<span>{{ record.cdrJSON.serviceType }}</span> </a-divider>
</div> <div>
<div> <span>{{ t('views.dashboard.cdr.type') }}: </span>
<span>{{ t('views.dashboard.cdr.caller') }}: </span> <span>{{ record.cdrJSON.serviceType }}</span>
<span>{{ record.cdrJSON.callerParty }}</span> </div>
</div> <div>
<div> <span>{{ t('views.dashboard.cdr.caller') }}: </span>
<span>{{ t('views.dashboard.cdr.called') }}: </span> <span>{{ record.cdrJSON.callerParty }}</span>
<span>{{ record.cdrJSON.calledParty }}</span> </div>
</div> <div>
<div> <span>{{ t('views.dashboard.cdr.called') }}: </span>
<span>{{ t('views.dashboard.cdr.result') }}: </span> <span>{{ record.cdrJSON.calledParty }}</span>
<span v-if="record.cdrJSON.result === 0"> </div>
{{ t('views.dashboard.cdr.resultFail') }}, <div>
<DictTag <span>{{ t('views.dashboard.cdr.result') }}: </span>
:options="dict.cdrCauseCode" <span v-if="record.cdrJSON.result === 0">
:value="record.cdrJSON.cause" {{ t('views.dashboard.cdr.resultFail') }},
value-default="0" <DictTag
/> :options="dict.cdrCauseCode"
</span> :value="record.cdrJSON.cause"
<span v-else> value-default="0"
{{ t('views.dashboard.cdr.resultOk') }} />
</span> </span>
</div> <span v-else>
</div> {{ t('views.dashboard.cdr.resultOk') }}
</span>
</div>
</a-col>
</a-row>
</template> </template>
</a-table> </a-table>
</a-card> </a-card>