|
@@ -1,9 +1,9 @@
|
|
|
<template>
|
|
<template>
|
|
|
<n-thing @click="goDetail">
|
|
<n-thing @click="goDetail">
|
|
|
<template #avatar>
|
|
<template #avatar>
|
|
|
- <n-avatar v-if="chatRole.pic" class="!block" round :size="size === 'mini' ? 40 : 88" :src="chatRole.pic">
|
|
|
|
|
|
|
+ <n-avatar @click.prevent="goAgent" v-if="chatRole.pic" class="!block" round :size="size === 'mini' ? 40 : 88" :src="chatRole.pic">
|
|
|
</n-avatar>
|
|
</n-avatar>
|
|
|
- <n-avatar v-else class="!block" round :size="size === 'mini' ? 40 : 88">
|
|
|
|
|
|
|
+ <n-avatar @click.prevent="goAgent" v-else class="!block" round :size="size === 'mini' ? 40 : 88">
|
|
|
{{ chatRole.name?.[0] }}
|
|
{{ chatRole.name?.[0] }}
|
|
|
</n-avatar>
|
|
</n-avatar>
|
|
|
</template>
|
|
</template>
|
|
@@ -58,6 +58,7 @@ import zhCN from 'date-fns/locale/zh-CN'
|
|
|
|
|
|
|
|
interface Emit {
|
|
interface Emit {
|
|
|
(ev: 'goDetail', id: number | null): void
|
|
(ev: 'goDetail', id: number | null): void
|
|
|
|
|
+ (ev: 'goAgent', id: number | null): void
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
const props = defineProps({
|
|
const props = defineProps({
|
|
@@ -96,6 +97,11 @@ const timeStr = computed(() => {
|
|
|
function goDetail() {
|
|
function goDetail() {
|
|
|
emit('goDetail', props.info.id)
|
|
emit('goDetail', props.info.id)
|
|
|
}
|
|
}
|
|
|
|
|
+
|
|
|
|
|
+function goAgent(){
|
|
|
|
|
+ emit('goAgent', props.info.userId)
|
|
|
|
|
+
|
|
|
|
|
+}
|
|
|
</script>
|
|
</script>
|
|
|
<style lang="less" scoped>
|
|
<style lang="less" scoped>
|
|
|
:deep(.n-thing-header-wrapper) {
|
|
:deep(.n-thing-header-wrapper) {
|