github/dootask
1
0
Fork 0
mirror of https://github.com/kuaifan/dootask.git synced 2026-02-03 11:48:17 +00:00
Code Issues Packages Projects Releases Wiki Activity

no message

Browse Source
This commit is contained in:
kuaifan 2025-04-13 11:19:37 +08:00
parent 3660cbd450
commit b522b1de05
4 changed files with 49 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
resources/assets/js/pages/manage/components/DialogWrapper.vue
View File

@ -18,7 +18,7 @@
</div> </div>
<div class="dialog-block"> <div class="dialog-block">
<div class="dialog-avatar" @click="onViewAvatar"> <div class="dialog-avatar" @click="onViewDetail">
<template v-if="dialogData.type=='group'"> <template v-if="dialogData.type=='group'">
<EAvatar v-if="dialogData.avatar" class="img-avatar" :src="dialogData.avatar" :size="42"></EAvatar> <EAvatar v-if="dialogData.avatar" class="img-avatar" :src="dialogData.avatar" :size="42"></EAvatar>
<i v-else-if="dialogData.group_type=='department'" class="taskfont icon-avatar department">&#xe75c;</i> <i v-else-if="dialogData.group_type=='department'" class="taskfont icon-avatar department">&#xe75c;</i>
@ -41,7 +41,7 @@
<template v-for="tag in $A.dialogTags(dialogData)" v-if="tag.color != 'success'"> <template v-for="tag in $A.dialogTags(dialogData)" v-if="tag.color != 'success'">
<Tag :color="tag.color" :fade="false">{{$L(tag.text)}}</Tag> <Tag :color="tag.color" :fade="false">{{$L(tag.text)}}</Tag>
</template> </template>
<h2 class="user-select-auto" @click="onViewAvatar">{{dialogData.name}}</h2> <h2 class="user-select-auto" @click="onViewDetail">{{dialogData.name}}</h2>
<em v-if="peopleNum > 0" @click="onDialogMenu('groupInfo')">({{peopleNum}})</em> <em v-if="peopleNum > 0" @click="onDialogMenu('groupInfo')">({{peopleNum}})</em>
<Tag v-if="dialogData.bot" class="after" :fade="false">{{$L('机器人')}}</Tag> <Tag v-if="dialogData.bot" class="after" :fade="false">{{$L('机器人')}}</Tag>
<Tag v-if="dialogData.type === 'user' && approvaUserStatus" class="after" color="red" :fade="false">{{$L(approvaUserStatus)}}</Tag> <Tag v-if="dialogData.type === 'user' && approvaUserStatus" class="after" color="red" :fade="false">{{$L(approvaUserStatus)}}</Tag>
@ -83,8 +83,8 @@
<div>{{$L('独立窗口')}}</div> <div>{{$L('独立窗口')}}</div>
</EDropdownItem> </EDropdownItem>
<template v-if="dialogData.type === 'user'"> <template v-if="dialogData.type === 'user'">
<EDropdownItem v-if="dialogData.userimg" command="previewAvatar"> <EDropdownItem command="previewDetail">
<div>{{$L('查看头像')}}</div> <div>{{$L('查看详情')}}</div>
</EDropdownItem> </EDropdownItem>
<EDropdownItem v-if="isManageBot" command="modifyNormal"> <EDropdownItem v-if="isManageBot" command="modifyNormal">
<div>{{$L('修改资料')}}</div> <div>{{$L('修改资料')}}</div>
@ -2712,6 +2712,10 @@ export default {
this.modifyShow = true this.modifyShow = true
break; break;
case "previewDetail":
emitter.emit("openUser", this.dialogData.dialog_user?.userid)
break;
case "previewAvatar": case "previewAvatar":
if (this.dialogData.type === 'user') { if (this.dialogData.type === 'user') {
this.$store.dispatch("previewImage", this.dialogData.userimg) this.$store.dispatch("previewImage", this.dialogData.userimg)
@ -4272,7 +4276,7 @@ export default {
return ""; return "";
}, },
onViewAvatar(e) { onViewDetail(e) {
if (this.dialogData.type == 'group') { if (this.dialogData.type == 'group') {
let src = null let src = null
if (e.target.tagName === "IMG") { if (e.target.tagName === "IMG") {

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

@ -7,31 +7,37 @@
:footer-hide="true" :footer-hide="true"
width="600"> width="600">
<div class="user-detail-body"> <div class="user-detail-body">
<UserAvatar :userid="userData.userid" :size="120" :show-state-dot="false"/> <UserAvatar
:userid="userData.userid"
:size="120"
:show-state-dot="false"
@open-dialog="onOpenAvatar"/>
<ul> <ul>
<li> <li>
<h1>{{userData.nickname}}</h1> <h1>{{userData.nickname}}</h1>
<em v-if="userData.delete_at" class="deleted no-dark-content">{{$L('已删除')}}</em> <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> <em v-else-if="userData.disable_at" class="disabled no-dark-content">{{$L('已离职')}}</em>
</li> </li>
<li class="department-name"> <template v-if="!userData.bot">
<span>{{$L('部门')}}: </span> <li class="department-name">
{{userData.department_name || '-'}} <span>{{$L('部门')}}: </span>
</li> {{userData.department_name || '-'}}
<li> </li>
<span>{{$L('职位/职称')}}: </span> <li>
{{userData.profession || '-'}} <span>{{$L('职位/职称')}}: </span>
</li> {{userData.profession || '-'}}
<li v-if="userData.delete_at"> </li>
<strong><span>{{$L('删除时间')}}: </span>{{userData.delete_at}}</strong> <li v-if="userData.delete_at">
</li> <strong><span>{{$L('删除时间')}}: </span>{{userData.delete_at}}</strong>
<li v-else-if="userData.disable_at"> </li>
<strong><span>{{$L('离职时间')}}: </span>{{userData.disable_at}}</strong> <li v-else-if="userData.disable_at">
</li> <strong><span>{{$L('离职时间')}}: </span>{{userData.disable_at}}</strong>
<li> </li>
<span>{{$L('最后在线')}}: </span> <li>
{{userData.line_at || '-'}} <span>{{$L('最后在线')}}: </span>
</li> {{userData.line_at || '-'}}
</li>
</template>
</ul> </ul>
<Button icon="md-chatbubbles" :disabled="userData.delete_at" @click="onOpenDialog">{{ $L('开始聊天') }}</Button> <Button icon="md-chatbubbles" :disabled="userData.delete_at" @click="onOpenDialog">{{ $L('开始聊天') }}</Button>
</div> </div>
@ -91,6 +97,10 @@ export default {
this.showModal = false this.showModal = false
}, },
onOpenAvatar() {
this.$store.dispatch("previewImage", this.userData.userimg)
},
onOpenDialog() { onOpenDialog() {
this.$store.dispatch("openDialogUserid", this.userData.userid).then(_ => { this.$store.dispatch("openDialogUserid", this.userData.userid).then(_ => {
this.onHide() this.onHide()

10
resources/assets/js/pages/manage/messenger.vue
View File

@ -245,10 +245,10 @@
<i class="taskfont">&#xe63f;</i> <i class="taskfont">&#xe63f;</i>
</div> </div>
</DropdownItem> </DropdownItem>
<DropdownItem @click.native="handleUserClick('avatar')"> <DropdownItem @click.native="handleUserClick('detail')">
<div class="item"> <div class="item">
{{ $L('查看头像') }} {{ $L('查看详情') }}
<i class="taskfont">&#xe7bc;</i> <i class="taskfont">&#xe71b;</i>
</div> </div>
</DropdownItem> </DropdownItem>
</template> </template>
@ -1184,8 +1184,8 @@ export default {
} }
break; break;
case 'avatar': case 'detail':
this.$store.dispatch("previewImage", this.operateItem.userimg) emitter.emit("openUser", this.operateItem.userid)
break; break;
} }
}, },

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

@ -34,12 +34,17 @@
gap: 16px; gap: 16px;
padding: 84px 24px; padding: 84px 24px;
.avatar-wrapper {
cursor: pointer;
}
> ul { > ul {
width: 80%;
> li { > li {
list-style: none; list-style: none;
display: flex; display: flex;
justify-content: center; justify-content: center;
max-width: 80%;
margin: 12px auto; margin: 12px auto;
> span { > span {