You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
76 lines
2.0 KiB
Vue
76 lines
2.0 KiB
Vue
<template>
|
|
<div class="g2-message-wrapper" @click="handleCall">
|
|
<Icon :type="iconType" :size="28"></Icon>
|
|
<div class="g2-message-status">{{ status }}</div>
|
|
<div v-if="duration" class="g2-message-duration">{{ duration }}</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script lang="ts" setup>
|
|
import Icon from '../../../components/Icon.vue'
|
|
import { t } from '../../../utils/i18n'
|
|
import { convertSecondsToTime, startCall, isApp } from '../../../utils'
|
|
import { g2StatusMap } from '../../../utils/constants'
|
|
import { V2NIMMessageForUI } from '@xkit-yx/im-store-v2/dist/types/types'
|
|
import { defineProps, withDefaults } from '../../../utils/transformVue'
|
|
|
|
const props = withDefaults(defineProps<{ msg: V2NIMMessageForUI }>(), {})
|
|
|
|
const duration = convertSecondsToTime(
|
|
props.msg.attachment?.durations[0]?.duration
|
|
)
|
|
const status = g2StatusMap[props.msg.attachment?.status]
|
|
const iconType =
|
|
props.msg.attachment?.type == 1 ? 'icon-yuyin8' : 'icon-shipin8'
|
|
|
|
// 发起呼叫
|
|
const handleCall = () => {
|
|
if (isApp) {
|
|
const callType = props.msg.attachment?.type
|
|
|
|
const myAccount = uni.$UIKitStore.userStore.myUserInfo.accountId
|
|
const isSelfMsg = props.msg.senderId === myAccount
|
|
|
|
if (isSelfMsg) {
|
|
const remoteShowName = uni.$UIKitStore.uiStore.getAppellation({
|
|
account: props.msg.receiverId,
|
|
})
|
|
|
|
startCall({
|
|
remoteUserAccid: props.msg.receiverId,
|
|
currentUserAccid: myAccount,
|
|
type: callType,
|
|
remoteShowName: remoteShowName,
|
|
})
|
|
} else {
|
|
const remoteShowName = uni.$UIKitStore.uiStore.getAppellation({
|
|
account: props.msg.senderId,
|
|
})
|
|
startCall({
|
|
remoteUserAccid: props.msg.senderId,
|
|
currentUserAccid: myAccount,
|
|
type: callType,
|
|
remoteShowName: remoteShowName,
|
|
})
|
|
}
|
|
} else {
|
|
uni.showToast({
|
|
title: t('callFailedText'),
|
|
icon: 'none',
|
|
})
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style scoped lang="scss">
|
|
.g2-message-wrapper {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
.g2-message-status {
|
|
margin: 0 7px;
|
|
}
|
|
</style>
|