github/dootask
1
0
Fork 0
mirror of https://github.com/kuaifan/dootask.git synced 2025-12-12 11:19:56 +00:00
Code Issues Packages Projects Releases Wiki Activity

no message

Browse Source
This commit is contained in:
kuaifan 2025-04-14 22:08:59 +08:00
parent d3d5a7bade
commit ff1dce833a
2 changed files with 29 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
resources/assets/js/pages/manage/components/UserDetail.vue
View File

@ -13,13 +13,13 @@
:show-state-dot="false"
@on-click="onOpenAvatar"/>
<ul class="user-select-auto">
<li>
<li class="user-name">
<h1>{{userData.nickname}}</h1>
<em v-if="userData.delete_at" class="deleted no-dark-content">{{$L('已删除')}}</em>
<em v-else-if="userData.disable_at" class="disabled no-dark-content">{{$L('已离职')}}</em>
</li>
<template v-if="!userData.bot">
<li class="department-name">
<li>
<span>{{$L('部门')}}: </span>
{{userData.department_name || '-'}}
</li>
@ -27,16 +27,16 @@
<span>{{$L('职位/职称')}}: </span>
{{userData.profession || '-'}}
</li>
<li>
<span>{{$L('最后在线')}}: </span>
{{userData.line_at ? $A.dayjs(userData.line_at).format("YYYY-MM-DD HH:mm") : '-'}}
</li>
<li v-if="userData.delete_at">
<strong><span>{{$L('删除时间')}}: </span>{{userData.delete_at}}</strong>
</li>
<li v-else-if="userData.disable_at">
<strong><span>{{$L('离职时间')}}: </span>{{userData.disable_at}}</strong>
</li>
<li>
<span>{{$L('最后在线')}}: </span>
{{userData.line_at ? $A.dayjs(userData.line_at).format("YYYY-MM-DD HH:mm") : '-'}}
</li>
</template>
</ul>
<Button icon="md-chatbubbles" :disabled="userData.delete_at" @click="onOpenDialog">{{ $L('开始聊天') }}</Button>

23
resources/assets/sass/pages/components/user-detail.scss vendored
View File

@ -47,6 +47,29 @@
justify-content: center;
margin: 12px auto;
&.user-name {
align-items: center;
}
> em {
font-style: normal;
&.disabled,
&.deleted {
display: inline-block;
margin-left: 2px;
white-space: nowrap;
font-size: 12px;
height: 20px;
line-height: 20px;
padding: 0 6px;
border-radius: 3px;
transform: scale(0.9);
transform-origin: right center;
color: #ffffff;
background-color: #ED4014;
}
}
> span {
flex-shrink: 0;
opacity: 0.8;