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

fix: 看板用户事件超出省略不换行

Browse Source
This commit is contained in:
TsMask
2024-02-01 20:48:51 +08:00
parent bc31ae5fc0
commit 07ce40d05e
1 changed files with 24 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
src/views/dashboard/overview/components/UserActivity/index.vue
View File

@@ -70,17 +70,23 @@ onMounted(() => {
<div></div>
<div>
{{ t('views.dashboard.overview.userActivity.time') }}:
<span>{{ parseDateToStr(item.data.releaseTime * 1000) }}</span>
<span :title="parseDateToStr(item.data.releaseTime * 1000)">
{{ parseDateToStr(item.data.releaseTime * 1000) }}
</span>
</div>
</div>
<div class="card-cdr-item">
<div>
{{ t('views.dashboard.overview.userActivity.caller') }}:
<span>{{ item.data.callerParty }}</span>
<span :title="item.data.callerParty">{{
item.data.callerParty
}}</span>
</div>
<div>
{{ t('views.dashboard.overview.userActivity.called') }}:
<span>{{ item.data.calledParty }}</span>
<span :title="item.data.calledParty">{{
item.data.calledParty
}}</span>
</div>
<div>
{{ t('views.dashboard.overview.userActivity.duration') }}:
@@ -108,17 +114,20 @@ onMounted(() => {
</span>
</div>
<div>
IMSI: <span>{{ item.data.imei }}</span>
IMSI: <span :title="item.data.imsi">{{ item.data.imsi }}</span>
</div>
<div>
{{ t('views.dashboard.overview.userActivity.time') }}:
<span v-if="item.type === 'auth-result'">
<span
v-if="item.type === 'auth-result'"
:title="item.data.authTime"
>
{{ item.data.authTime }}
</span>
<span v-if="item.type === 'detach'">
<span v-if="item.type === 'detach'" :title="item.data.detachTime">
{{ item.data.detachTime }}
</span>
<span v-if="item.type === 'cm-state'">
<span v-if="item.type === 'cm-state'" :title="item.data.changeTime">
{{ item.data.changeTime }}
</span>
</div>
@@ -258,6 +267,10 @@ onMounted(() => {
justify-content: flex-start;
& > div {
width: 50%;
white-space: nowrap;
text-align: start;
text-overflow: ellipsis;
overflow: hidden;
}
}
&-w33 {
@@ -285,6 +298,10 @@ onMounted(() => {
justify-content: flex-start;
& > div {
flex: 1;
white-space: nowrap;
text-align: start;
text-overflow: ellipsis;
overflow: hidden;
}
}
}