cyl/master-apply
parent
0ea2edd1b8
commit
3912e7a63f
File diff suppressed because it is too large
Load Diff
@ -1,88 +0,0 @@
|
|||||||
<template>
|
|
||||||
<span
|
|
||||||
class="appellation"
|
|
||||||
:style="{ color: color, fontSize: fontSize + 'px' }"
|
|
||||||
>
|
|
||||||
{{ appellation }}
|
|
||||||
<span v-if="subtitle" style="color: orange;font-size:13px">{{ subtitle }}</span>
|
|
||||||
</span
|
|
||||||
>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script lang="ts" setup>
|
|
||||||
import { autorun } from 'mobx'
|
|
||||||
import {
|
|
||||||
onUnmounted,
|
|
||||||
ref,
|
|
||||||
defineProps,
|
|
||||||
withDefaults,
|
|
||||||
} from '../utils/transformVue'
|
|
||||||
|
|
||||||
import { deepClone } from '../utils'
|
|
||||||
|
|
||||||
const appellation = ref('-')
|
|
||||||
const appType = ref(uni.getStorageSync("requestComeFrom"));
|
|
||||||
|
|
||||||
const { pid,account, teamId, ignoreAlias, nickFromMsg } = withDefaults(
|
|
||||||
defineProps<{
|
|
||||||
account: string
|
|
||||||
teamId?: string
|
|
||||||
ignoreAlias?: boolean
|
|
||||||
nickFromMsg?: string
|
|
||||||
color?: string
|
|
||||||
fontSize?: number
|
|
||||||
pid?: number
|
|
||||||
}>(),
|
|
||||||
{
|
|
||||||
teamId: undefined,
|
|
||||||
ignoreAlias: false,
|
|
||||||
nickFromMsg: '-',
|
|
||||||
color: '#333',
|
|
||||||
fontSize: 16,
|
|
||||||
pid:0
|
|
||||||
}
|
|
||||||
)
|
|
||||||
const subtitle = ref('');
|
|
||||||
const uninstallAppellationWatch = autorun(() => {
|
|
||||||
if(pid){
|
|
||||||
async function getUserInfo() {
|
|
||||||
try {
|
|
||||||
const res = await uni.$UIKitStore.userStore.getUserActive(pid.split('|')[2])
|
|
||||||
return res
|
|
||||||
} catch (error) {
|
|
||||||
console.error('getUserInfo error:', error)
|
|
||||||
}
|
|
||||||
}
|
|
||||||
getUserInfo().then(res => {
|
|
||||||
if(res.serverExtension && appType.value == 'isToB'){
|
|
||||||
subtitle.value = '@' + JSON.parse(res.serverExtension).fullName;
|
|
||||||
}else{
|
|
||||||
subtitle.value = '';
|
|
||||||
}
|
|
||||||
appellation.value = res.name;
|
|
||||||
})
|
|
||||||
}else{
|
|
||||||
appellation.value = deepClone(
|
|
||||||
uni.$UIKitStore.uiStore.getAppellation({
|
|
||||||
account,
|
|
||||||
teamId,
|
|
||||||
ignoreAlias,
|
|
||||||
nickFromMsg,
|
|
||||||
})
|
|
||||||
)
|
|
||||||
}
|
|
||||||
})
|
|
||||||
onUnmounted(() => {
|
|
||||||
uninstallAppellationWatch()
|
|
||||||
})
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style scoped lang="scss">
|
|
||||||
.appellation {
|
|
||||||
color: #333;
|
|
||||||
font-size: 16px;
|
|
||||||
overflow: hidden;
|
|
||||||
text-overflow: ellipsis;
|
|
||||||
white-space: nowrap;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@ -1,63 +0,0 @@
|
|||||||
<template>
|
|
||||||
<div>
|
|
||||||
<div class="dot" v-if="dot" :style="customStyle"></div>
|
|
||||||
<div class="badge" v-else-if="text" :style="customStyle">{{ text }}</div>
|
|
||||||
<div class="hidden">{{ props.num }}</div>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script lang="ts" setup>
|
|
||||||
import {
|
|
||||||
StyleValue,
|
|
||||||
computed,
|
|
||||||
defineProps,
|
|
||||||
withDefaults,
|
|
||||||
} from '../utils/transformVue'
|
|
||||||
|
|
||||||
const props = withDefaults(
|
|
||||||
defineProps<{
|
|
||||||
num: number
|
|
||||||
max?: number
|
|
||||||
dot?: boolean
|
|
||||||
customStyle?: StyleValue
|
|
||||||
}>(),
|
|
||||||
{
|
|
||||||
max: 99,
|
|
||||||
dot: false,
|
|
||||||
}
|
|
||||||
)
|
|
||||||
const max = props.max || 99
|
|
||||||
const text = computed(() => {
|
|
||||||
return props.num > 0 ? (props.num > max ? `${max}+` : props.num + '') : ''
|
|
||||||
})
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style scoped lang="scss">
|
|
||||||
.dot {
|
|
||||||
background-color: #ff4d4f;
|
|
||||||
color: #fff;
|
|
||||||
width: 10px;
|
|
||||||
height: 10px;
|
|
||||||
border-radius: 5px;
|
|
||||||
box-sizing: border-box;
|
|
||||||
z-index: 99;
|
|
||||||
}
|
|
||||||
|
|
||||||
.badge {
|
|
||||||
background-color: #ff4d4f;
|
|
||||||
color: #fff;
|
|
||||||
font-size: 12px;
|
|
||||||
min-width: 20px;
|
|
||||||
height: 20px;
|
|
||||||
line-height: 19px;
|
|
||||||
border-radius: 10px;
|
|
||||||
padding: 0 5px;
|
|
||||||
box-sizing: border-box;
|
|
||||||
text-align: center;
|
|
||||||
z-index: 99;
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
.hidden {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@ -1,42 +0,0 @@
|
|||||||
<template>
|
|
||||||
<div class="empty-wrapper">
|
|
||||||
<image
|
|
||||||
class="empty-img"
|
|
||||||
src="https://bocai-cms.oss-cn-beijing.aliyuncs.com/web-resource/dailibaoming/noData.svg"
|
|
||||||
/>
|
|
||||||
<div class="empty-text">{{ text }}</div>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script lang="ts" setup>
|
|
||||||
import { defineProps, withDefaults } from '../utils/transformVue'
|
|
||||||
withDefaults(
|
|
||||||
defineProps<{
|
|
||||||
text?: string
|
|
||||||
}>(),
|
|
||||||
{
|
|
||||||
text: '',
|
|
||||||
}
|
|
||||||
)
|
|
||||||
</script>
|
|
||||||
<style lang="scss" scoped>
|
|
||||||
.empty-wrapper {
|
|
||||||
margin: 75px 10px;
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
flex-direction: column;
|
|
||||||
align-items: center;
|
|
||||||
|
|
||||||
.empty-img {
|
|
||||||
display: block;
|
|
||||||
width: 66px;
|
|
||||||
height: 66px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.empty-text {
|
|
||||||
display: block;
|
|
||||||
color: #a6adb6;
|
|
||||||
margin: 10px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@ -1,5 +0,0 @@
|
|||||||
{
|
|
||||||
"messageText": "Message",
|
|
||||||
"cantactsText": "Cantact",
|
|
||||||
"mineText": "Me"
|
|
||||||
}
|
|
||||||
@ -1,5 +0,0 @@
|
|||||||
{
|
|
||||||
"messageText": "消息",
|
|
||||||
"cantactsText": "通讯录",
|
|
||||||
"mineText": "我的"
|
|
||||||
}
|
|
||||||
@ -1,19 +0,0 @@
|
|||||||
// zn.js
|
|
||||||
export default {
|
|
||||||
appText: '云信IM',
|
|
||||||
deleteStickTopText: '取消置顶',
|
|
||||||
contactText: '通讯录',
|
|
||||||
addFriendText: '添加好友',
|
|
||||||
addStickTopText: '置顶消息',
|
|
||||||
deleteSessionText: '不显示',
|
|
||||||
createTeamText: '创建群聊',
|
|
||||||
validMsgText: '验证消息',
|
|
||||||
blacklistText: '黑名单',
|
|
||||||
teamMenuText: '我的群组',
|
|
||||||
someoneText: '有人',
|
|
||||||
meText: '我',
|
|
||||||
recall: '撤回了一条消息',
|
|
||||||
conversationSendFailText: '[发送失败]',
|
|
||||||
conversationNotificationText: '[通知消息]',
|
|
||||||
noFriendText: '暂无好友',
|
|
||||||
}
|
|
||||||
@ -1,208 +0,0 @@
|
|||||||
<template>
|
|
||||||
<!-- :style="{ height: `calc(100vh - ${43 + tabbarHeight}px)` }" -->
|
|
||||||
<view class="g_bg_f_5">
|
|
||||||
<div style="height: 10px"></div>
|
|
||||||
<div class="g_bg_f_5" style="width: calc(100% - 40rpx); margin: 0px auto 10px">
|
|
||||||
<div class="">
|
|
||||||
<view style="background-color: #ededed; padding: 0 12px">
|
|
||||||
<u-search placeholder="请输入手机号" :show-action="false" bg-color="#fff" placeholder-class="g_c_c" :input-style="{ fontSize: '16px' }" height="80" search-icon-color="#999999" v-model="wxyx_tel" @search="handleSearch" @custom="handleCustom"></u-search>
|
|
||||||
</view>
|
|
||||||
</div>
|
|
||||||
<div class="g_flex_row_between g_pl_10 g_pr_10" v-if="receiverUserData && receiverUserData.userId" style="background-color: #fff; border-radius: 8px; padding: 12px 10px; margin-top: 10px">
|
|
||||||
<div class="g_flex_1">
|
|
||||||
<div style="font-size: 16px; font-weight: 600">
|
|
||||||
{{ receiverUserData.tel || "-" }}
|
|
||||||
</div>
|
|
||||||
<div style="color: #a1a1a1; font-size: 14px; margin-top: 8px">
|
|
||||||
{{ receiverUserData.userName || "-" }}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="g_flex_none g_ml_12 g_flex_column_center">
|
|
||||||
<div>
|
|
||||||
<u-button :loading="isStart" type="primary" size="mini" @click="startChat">开始聊天</u-button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="nei-box g_mt_10" style="background-color: #fff; border-radius: 8px" v-if="allUser && allUser.length > 0">
|
|
||||||
<!-- <div class="label-title" style="font-size: 16px; font-weight: 600; padding: 12px 16px; border-bottom: 1px solid #eee">内部通讯录</div> -->
|
|
||||||
<div v-for="(item, index) in allUser" :key="index" @click="startCopyChat(item)" class="g_flex_row_between g_pt_12 g_pb_12 g_pl_16 g_pr_16 border_bottom">
|
|
||||||
<div class="g_flex_1 g_flex_row_start g_fs_16">
|
|
||||||
<div class="g_flex_none g_mr_12">
|
|
||||||
<image :src="item.imgSrc || 'https://bocai-cms.oss-cn-beijing.aliyuncs.com/web-resource/1shoudan/defaultAva.svg'" style="width: 48px; height: 48px; border-radius: 50px"></image>
|
|
||||||
</div>
|
|
||||||
<div class="g_flex_1 g_flex_column_between">
|
|
||||||
<div class="g_c_3 g_fs_17" style="line-height: 24px">
|
|
||||||
{{ item.userName }}
|
|
||||||
</div>
|
|
||||||
<div
|
|
||||||
class="g_c_3 g_fs_14 g_ell_1"
|
|
||||||
style="line-height: 20px"
|
|
||||||
:style="{
|
|
||||||
color: '#999',
|
|
||||||
}"
|
|
||||||
>
|
|
||||||
{{ item.tel }}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<!-- <div class="g_flex_1">
|
|
||||||
<div style="font-size: 16px; font-weight: 600">
|
|
||||||
{{ item.userName || "-" }}
|
|
||||||
</div>
|
|
||||||
<div style="color: #a1a1a1; font-size: 14px; margin-top: 8px">
|
|
||||||
{{ item.tel || "-" }}
|
|
||||||
</div>
|
|
||||||
</div> -->
|
|
||||||
<!-- <div class="g_flex_none g_ml_12 g_flex_column_center">
|
|
||||||
<div>
|
|
||||||
<u-button :loading="item.isStart" type="primary" size="mini" @click="startCopyChat(item)">开始聊天</u-button>
|
|
||||||
</div>
|
|
||||||
</div> -->
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div style="height: 100rpx"></div>
|
|
||||||
</view>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
import { customRedirectTo, customReLaunch, customSwitchTab, customNavigateTo } from "../../utils/customNavigate";
|
|
||||||
export default {
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
allUser: [],
|
|
||||||
isStart: false,
|
|
||||||
isSend: false,
|
|
||||||
wxyx_tel: "",
|
|
||||||
receiverUserData: {},
|
|
||||||
tabbarHeight: uni.getStorageSync("TABBAR_HEIGHT"),
|
|
||||||
};
|
|
||||||
},
|
|
||||||
created() {
|
|
||||||
let that = this;
|
|
||||||
that.getCopyUserList();
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
getCopyUserList() {
|
|
||||||
let that = this;
|
|
||||||
that.F.wyyxGet(that.api.wyyx_getCorpUserList, {}, (res) => {
|
|
||||||
console.log("获取通讯录：", res);
|
|
||||||
if (res && res.length > 0) {
|
|
||||||
res.forEach((item) => {
|
|
||||||
item.isStart = false;
|
|
||||||
});
|
|
||||||
}
|
|
||||||
that.allUser = res;
|
|
||||||
});
|
|
||||||
},
|
|
||||||
handleSearch(e) {
|
|
||||||
this.getUserList(e);
|
|
||||||
},
|
|
||||||
handleCustom(e) {
|
|
||||||
this.getUserList(e);
|
|
||||||
},
|
|
||||||
getUserList(e) {
|
|
||||||
let that = this;
|
|
||||||
that.F.wyyxGet(
|
|
||||||
this.api.wyyx_getCorpUserList,
|
|
||||||
{
|
|
||||||
key: e,
|
|
||||||
},
|
|
||||||
(res) => {
|
|
||||||
console.log("搜索手机号", res);
|
|
||||||
that.receiverUserData = res[0];
|
|
||||||
}
|
|
||||||
);
|
|
||||||
},
|
|
||||||
sendPointMessage() {
|
|
||||||
let that = this;
|
|
||||||
that.isSend = true;
|
|
||||||
|
|
||||||
that.F.wyyxPost(
|
|
||||||
that.api.wyyx_sendMessage,
|
|
||||||
{
|
|
||||||
conversationType: 1,
|
|
||||||
senderUserId: uni.getStorageSync("apply-uid"), // 发送者id 即当前登录用户id
|
|
||||||
receiverUserId: that.receiverUserData.userId, // 接收方用户id
|
|
||||||
text: "我是招呼语" + that.G.getPointTime(),
|
|
||||||
},
|
|
||||||
(res) => {
|
|
||||||
that.isSend = false;
|
|
||||||
that.receiverUserData = {};
|
|
||||||
that.goYunxin();
|
|
||||||
},
|
|
||||||
() => {
|
|
||||||
that.isSend = false;
|
|
||||||
}
|
|
||||||
);
|
|
||||||
},
|
|
||||||
async startCopyChat($item) {
|
|
||||||
let that = this;
|
|
||||||
$item.isStart = true;
|
|
||||||
that.F.wyyxPost(
|
|
||||||
that.api.wyyx_create,
|
|
||||||
{
|
|
||||||
senderUserId: uni.getStorageSync("apply-uid"),
|
|
||||||
receiverUserId: $item.userId,
|
|
||||||
},
|
|
||||||
(res) => {
|
|
||||||
$item.isStart = false;
|
|
||||||
uni.$UIKitStore.uiStore.selectConversation(res.conversationId);
|
|
||||||
customNavigateTo({
|
|
||||||
url: "/pages/Chat/index",
|
|
||||||
});
|
|
||||||
},
|
|
||||||
() => {
|
|
||||||
$item.isStart = false;
|
|
||||||
}
|
|
||||||
);
|
|
||||||
},
|
|
||||||
async startChat() {
|
|
||||||
let that = this;
|
|
||||||
that.isStart = true;
|
|
||||||
that.F.wyyxPost(
|
|
||||||
that.api.wyyx_create,
|
|
||||||
{
|
|
||||||
senderUserId: uni.getStorageSync("apply-uid"),
|
|
||||||
receiverUserId: that.receiverUserData.userId,
|
|
||||||
},
|
|
||||||
(res) => {
|
|
||||||
that.isStart = false;
|
|
||||||
uni.$UIKitStore.uiStore.selectConversation(res.conversationId);
|
|
||||||
that.receiverUserData = {};
|
|
||||||
customNavigateTo({
|
|
||||||
url: "/pages/Chat/index",
|
|
||||||
});
|
|
||||||
},
|
|
||||||
() => {
|
|
||||||
that.isStart = false;
|
|
||||||
}
|
|
||||||
);
|
|
||||||
},
|
|
||||||
goYunxin() {
|
|
||||||
customNavigateTo({
|
|
||||||
url: "/pages/Conversation/index",
|
|
||||||
});
|
|
||||||
},
|
|
||||||
},
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style lang="less">
|
|
||||||
page {
|
|
||||||
background-color: #ededed;
|
|
||||||
}
|
|
||||||
.border_bottom {
|
|
||||||
position: relative;
|
|
||||||
&:not(:last-child):after {
|
|
||||||
content: "";
|
|
||||||
display: block;
|
|
||||||
height: 1rpx;
|
|
||||||
width: calc(100% - 80px);
|
|
||||||
background: #eee;
|
|
||||||
position: absolute;
|
|
||||||
bottom: 0;
|
|
||||||
right: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@ -1,111 +0,0 @@
|
|||||||
<template>
|
|
||||||
<div class="friend-list-container g_bg_f_5">
|
|
||||||
<div class="friend-group-list">
|
|
||||||
<Empty v-if="friendGroupList.length === 0" :text="t('noFriendText')" />
|
|
||||||
<div
|
|
||||||
class="friend-group-item"
|
|
||||||
v-for="friendGroup in friendGroupList"
|
|
||||||
:key="friendGroup.key"
|
|
||||||
>
|
|
||||||
<div class="friend-group-title">
|
|
||||||
{{ friendGroup.key }}
|
|
||||||
</div>
|
|
||||||
<div
|
|
||||||
class="friend-item"
|
|
||||||
v-for="friend in friendGroup.data"
|
|
||||||
:key="friend.accountId"
|
|
||||||
@click="handleFriendItemClick(friend)"
|
|
||||||
>
|
|
||||||
<Avatar :account="friend.accountId" />
|
|
||||||
<div class="friend-name">{{ friend.appellation }}</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script lang="ts" setup>
|
|
||||||
import Avatar from '../../../components/Avatar.vue'
|
|
||||||
import { autorun } from 'mobx'
|
|
||||||
import { onUnmounted, ref } from '../../../utils/transformVue'
|
|
||||||
import { friendGroupByPy } from '../../../utils/friend'
|
|
||||||
import { customNavigateTo } from '../../../utils/customNavigate'
|
|
||||||
import Empty from '../../../components/Empty.vue'
|
|
||||||
|
|
||||||
import { deepClone } from '../../../utils'
|
|
||||||
import { t } from '../../../utils/i18n'
|
|
||||||
import { V2NIMFriend } from 'nim-web-sdk-ng/dist/v2/NIM_UNIAPP_SDK/V2NIMFriendService'
|
|
||||||
|
|
||||||
type FriendItem = V2NIMFriend & { appellation: string }
|
|
||||||
|
|
||||||
const friendGroupList = ref<
|
|
||||||
{ key: string; data: { accountId: string; appellation: string }[] }[]
|
|
||||||
>([])
|
|
||||||
|
|
||||||
function handleFriendItemClick(friend: FriendItem) {
|
|
||||||
customNavigateTo({
|
|
||||||
url: `/pages/user-card/friend/index?account=${friend.accountId}`,
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
const uninstallFriendListWatch = autorun(() => {
|
|
||||||
const data = uni.$UIKitStore.uiStore.friends
|
|
||||||
.filter(
|
|
||||||
(item) =>
|
|
||||||
!uni.$UIKitStore.relationStore.blacklist.includes(item.accountId)
|
|
||||||
)
|
|
||||||
.map((item) => ({
|
|
||||||
accountId: item.accountId,
|
|
||||||
appellation: uni.$UIKitStore.uiStore.getAppellation({
|
|
||||||
account: item.accountId,
|
|
||||||
}),
|
|
||||||
}))
|
|
||||||
|
|
||||||
friendGroupList.value = deepClone(
|
|
||||||
friendGroupByPy(
|
|
||||||
data,
|
|
||||||
{
|
|
||||||
firstKey: 'appellation',
|
|
||||||
},
|
|
||||||
false
|
|
||||||
)
|
|
||||||
)
|
|
||||||
})
|
|
||||||
|
|
||||||
onUnmounted(() => {
|
|
||||||
uninstallFriendListWatch()
|
|
||||||
})
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
|
||||||
|
|
||||||
|
|
||||||
.friend-group-item {
|
|
||||||
padding-left: 20px;
|
|
||||||
background-color: #fff;
|
|
||||||
}
|
|
||||||
|
|
||||||
.friend-group-title {
|
|
||||||
height: 40px;
|
|
||||||
line-height: 40px;
|
|
||||||
font-size: 14px;
|
|
||||||
color: #b3b7bc;
|
|
||||||
border-bottom: 1rpx solid #dbe0e8;
|
|
||||||
}
|
|
||||||
|
|
||||||
.friend-item {
|
|
||||||
// margin-top: 16px;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
padding: 12px 0;
|
|
||||||
.friend-name {
|
|
||||||
margin-left: 12px;
|
|
||||||
padding-right: 20px;
|
|
||||||
color: #333333;
|
|
||||||
flex: 1;
|
|
||||||
overflow: hidden; //超出的文本隐藏
|
|
||||||
text-overflow: ellipsis; //溢出用省略号显示
|
|
||||||
white-space: nowrap; //溢出不换行
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@ -1,276 +0,0 @@
|
|||||||
<template>
|
|
||||||
<div class="contact-list-container g_bg_f_5">
|
|
||||||
<!-- <div
|
|
||||||
class="dropdown-mark"
|
|
||||||
v-if="addDropdownVisible"
|
|
||||||
@touchstart="hideAddDropdown"
|
|
||||||
/> -->
|
|
||||||
<div class="navigation-bar">
|
|
||||||
<div class="logo-box" v-if="false">
|
|
||||||
<div>{{ t("contactText") }}</div>
|
|
||||||
</div>
|
|
||||||
<div :class="buttonClass" v-if="false">
|
|
||||||
<image src="https://yx-web-nosdn.netease.im/common/9ae07d276ba2833b678a4077960e2d1e/Group 1899.png" class="button-icon" @tap="showAddDropdown" style="width: 40px !important; height: 40px !important; border-radius: 50%" />
|
|
||||||
<div v-if="addDropdownVisible" class="dropdown-container">
|
|
||||||
<div class="add-menu-list">
|
|
||||||
<div class="add-menu-item" @tap="onDropdownClick('addFriend')">
|
|
||||||
<div :style="{ marginRight: '5px' }">
|
|
||||||
<Icon type="icon-tianjiahaoyou" />
|
|
||||||
</div>
|
|
||||||
{{ t("addFriendText") }}
|
|
||||||
</div>
|
|
||||||
<div class="add-menu-item" @tap="onDropdownClick('createGroup')" v-if="false">
|
|
||||||
<div :style="{ marginRight: '5px' }">
|
|
||||||
<Icon type="icon-chuangjianqunzu" />
|
|
||||||
</div>
|
|
||||||
{{ t("createTeamText") }}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="contact-list">
|
|
||||||
<div class="contact-item-content g_bg_f_5">
|
|
||||||
<div class="contact-item" @click="onDropdownClick('addFriend')">
|
|
||||||
<img src="https://bocai-cms.oss-cn-beijing.aliyuncs.com/web-resource/bocaigongyinglian/add_friend.svg" alt="" style="width: 48px; height: 48px; vertical-align: middle" />
|
|
||||||
<!-- <Badge :num="unreadSysMsgCount" :style="{ position: 'absolute', top: '5px', left: '51px' }" /> -->
|
|
||||||
<span class="contact-item-title">添加好友</span>
|
|
||||||
<Icon iconClassName="more-icon" color="#999" type="icon-jiantou" />
|
|
||||||
</div>
|
|
||||||
<div class="contact-item" @click="handleValidMsgClick">
|
|
||||||
<Icon iconClassName="contact-item-icon contact-valid-icon" :size="48" type="icon-yanzheng" color="#fff" />
|
|
||||||
<Badge :num="unreadSysMsgCount" :style="{ position: 'absolute', top: '5px', left: '51px' }" />
|
|
||||||
<span class="contact-item-title"> {{ t("validMsgText") }}</span>
|
|
||||||
<Icon iconClassName="more-icon" color="#999" type="icon-jiantou" />
|
|
||||||
</div>
|
|
||||||
<div class="contact-item" @click="handleBlacklistClick">
|
|
||||||
<Icon iconClassName="contact-item-icon contact-blacklist-icon" :size="48" type="icon-lahei2" color="#fff" />
|
|
||||||
<span class="contact-item-title"> {{ t("blacklistText") }}</span>
|
|
||||||
<Icon iconClassName="more-icon" color="#999" type="icon-jiantou" />
|
|
||||||
</div>
|
|
||||||
<div class="contact-item" @click="onDropdownClick('innerAddress')" v-if="corpUserFlag && false">
|
|
||||||
<img src="https://bocai-cms.oss-cn-beijing.aliyuncs.com/web-resource/bocaigongyinglian/inner.svg" alt="" style="width: 48px; height: 48px; border-radius: 50%" />
|
|
||||||
<!-- <Badge :num="unreadSysMsgCount" :style="{ position: 'absolute', top: '5px', left: '51px' }" /> -->
|
|
||||||
<span class="contact-item-title">公司内部成员</span>
|
|
||||||
<Icon iconClassName="more-icon" color="#999" type="icon-jiantou" />
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- <div class="contact-item" @click="handleGroupContactClick">
|
|
||||||
<Icon
|
|
||||||
iconClassName="contact-item-icon contact-group-icon"
|
|
||||||
:size="48"
|
|
||||||
type="icon-team2"
|
|
||||||
color="#fff"
|
|
||||||
/>
|
|
||||||
<span class="contact-item-title"> {{ t('teamMenuText') }}</span>
|
|
||||||
<Icon iconClassName="more-icon" color="#999" type="icon-jiantou" />
|
|
||||||
</div> -->
|
|
||||||
</div>
|
|
||||||
<FriendList />
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script lang="ts" setup>
|
|
||||||
import Icon from "../../../components/Icon.vue";
|
|
||||||
import Badge from "../../../components/Badge.vue";
|
|
||||||
import FriendList from "./friend-list.vue";
|
|
||||||
import { onUnmounted, ref } from "../../../utils/transformVue";
|
|
||||||
import { onHide } from "@dcloudio/uni-app";
|
|
||||||
import { customNavigateTo } from "../../../utils/customNavigate";
|
|
||||||
import { autorun } from "mobx";
|
|
||||||
import { t } from "../../../utils/i18n";
|
|
||||||
|
|
||||||
const addDropdownVisible = ref(false);
|
|
||||||
const unreadSysMsgCount = ref(0);
|
|
||||||
|
|
||||||
const uninstallUnreadWatch = autorun(() => {
|
|
||||||
unreadSysMsgCount.value = uni.$UIKitStore.sysMsgStore.getTotalUnreadMsgsCount();
|
|
||||||
});
|
|
||||||
const corpUserFlag = ref(uni.getStorageSync("apply-userinfo").corpUserFlag);
|
|
||||||
|
|
||||||
const onDropdownClick = (urlType: "addFriend" | "createGroup") => {
|
|
||||||
const urlMap = {
|
|
||||||
// 添加好友
|
|
||||||
addFriend: "/pages/Friend/add-friend/index",
|
|
||||||
// 创建群聊
|
|
||||||
createGroup: "/pages/Group/group-create/index",
|
|
||||||
// 内部通讯录
|
|
||||||
innerAddress: "/pages/Contact/BcFriend",
|
|
||||||
};
|
|
||||||
addDropdownVisible.value = false;
|
|
||||||
customNavigateTo({
|
|
||||||
url: urlMap[urlType],
|
|
||||||
});
|
|
||||||
};
|
|
||||||
|
|
||||||
const handleValidMsgClick = () => {
|
|
||||||
uni.$UIKitStore.sysMsgStore.setAllApplyMsgRead();
|
|
||||||
customNavigateTo({
|
|
||||||
url: `/pages/Contact/contact-list/valid-list`,
|
|
||||||
});
|
|
||||||
};
|
|
||||||
|
|
||||||
const handleBlacklistClick = () => {
|
|
||||||
customNavigateTo({
|
|
||||||
url: `/pages/Contact/contact-list/black-list`,
|
|
||||||
});
|
|
||||||
};
|
|
||||||
|
|
||||||
const handleGroupContactClick = () => {
|
|
||||||
customNavigateTo({
|
|
||||||
url: `/pages/Contact/contact-list/group-list`,
|
|
||||||
});
|
|
||||||
};
|
|
||||||
|
|
||||||
const showAddDropdown = () => {
|
|
||||||
addDropdownVisible.value = true;
|
|
||||||
};
|
|
||||||
|
|
||||||
const hideAddDropdown = () => {
|
|
||||||
addDropdownVisible.value = false;
|
|
||||||
};
|
|
||||||
|
|
||||||
let buttonClass = "button-box";
|
|
||||||
// #ifdef MP
|
|
||||||
buttonClass = "button-box-mp";
|
|
||||||
// #endif
|
|
||||||
|
|
||||||
onUnmounted(() => {
|
|
||||||
uninstallUnreadWatch();
|
|
||||||
});
|
|
||||||
|
|
||||||
onHide(() => {
|
|
||||||
addDropdownVisible.value = false;
|
|
||||||
});
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
|
||||||
|
|
||||||
|
|
||||||
page {
|
|
||||||
height: 100vh;
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
.contact-list-container {
|
|
||||||
height: 100vh;
|
|
||||||
box-sizing: border-box;
|
|
||||||
}
|
|
||||||
|
|
||||||
.navigation-bar {
|
|
||||||
// height: 60px;
|
|
||||||
// border-bottom: 1rpx solid #e9eff5;
|
|
||||||
padding: 0 20px;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: space-between;
|
|
||||||
// padding-top: var(--status-bar-height);
|
|
||||||
|
|
||||||
.logo-box {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
font-size: 20px;
|
|
||||||
font-weight: 500;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.contact-list {
|
|
||||||
height: calc(100% - 60px - var(--status-bar-height));
|
|
||||||
box-sizing: border-box;
|
|
||||||
width: 100%;
|
|
||||||
overflow-y: auto;
|
|
||||||
overflow-x: hidden;
|
|
||||||
|
|
||||||
.contact-item-content {
|
|
||||||
padding-bottom: 5px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.contact-item {
|
|
||||||
height: 72px;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
padding: 0 16px;
|
|
||||||
background: #fff;
|
|
||||||
position: relative;
|
|
||||||
|
|
||||||
&:not(:last-child) {
|
|
||||||
border-bottom: 1px solid #f5f8fc;
|
|
||||||
}
|
|
||||||
|
|
||||||
.contact-item-icon {
|
|
||||||
height: 42px;
|
|
||||||
width: 42px;
|
|
||||||
border-radius: 50%;
|
|
||||||
text-align: center;
|
|
||||||
line-height: 39px;
|
|
||||||
font-size: 20px;
|
|
||||||
color: #fff;
|
|
||||||
}
|
|
||||||
|
|
||||||
.contact-valid-icon {
|
|
||||||
background-color: #60cfa7;
|
|
||||||
}
|
|
||||||
|
|
||||||
.contact-blacklist-icon {
|
|
||||||
background-color: #53c3f4;
|
|
||||||
}
|
|
||||||
|
|
||||||
.contact-group-icon {
|
|
||||||
background-color: #be65d9;
|
|
||||||
}
|
|
||||||
|
|
||||||
.contact-item-title {
|
|
||||||
margin-left: 12px;
|
|
||||||
font-size: 17px;
|
|
||||||
color: #333333;
|
|
||||||
flex: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.more-icon {
|
|
||||||
margin: 0 16px;
|
|
||||||
color: #999999;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.dropdown-mark {
|
|
||||||
position: fixed;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
right: 0;
|
|
||||||
bottom: 0;
|
|
||||||
z-index: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.dropdown-container {
|
|
||||||
position: absolute;
|
|
||||||
top: -70px;
|
|
||||||
right: 30px;
|
|
||||||
min-width: 122px;
|
|
||||||
min-height: 40px;
|
|
||||||
background-color: #fff;
|
|
||||||
border: 1px solid #e6e6e6;
|
|
||||||
box-shadow: 0px 4px 7px rgba(133, 136, 140, 0.25);
|
|
||||||
border-radius: 8px;
|
|
||||||
z-index: 99;
|
|
||||||
}
|
|
||||||
|
|
||||||
.add-menu-list {
|
|
||||||
padding: 15px 10px;
|
|
||||||
|
|
||||||
.add-menu-item {
|
|
||||||
white-space: nowrap;
|
|
||||||
font-size: 16px;
|
|
||||||
padding-left: 5px;
|
|
||||||
margin-bottom: 10px;
|
|
||||||
height: 30px;
|
|
||||||
line-height: 30px;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
|
|
||||||
&:last-child {
|
|
||||||
margin-bottom: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@ -1,25 +0,0 @@
|
|||||||
<template>
|
|
||||||
<ContactList />
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script lang="ts" setup>
|
|
||||||
import ContactList from './contact-list/index.vue'
|
|
||||||
import { onShow } from '@dcloudio/uni-app'
|
|
||||||
import { setContactTabUnread, setTabUnread } from '../utils/msg';
|
|
||||||
import { trackInit } from '../utils/reporter'
|
|
||||||
|
|
||||||
trackInit('ContactUIKit')
|
|
||||||
|
|
||||||
onShow(() => {
|
|
||||||
setTabUnread()
|
|
||||||
setContactTabUnread()
|
|
||||||
})
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style>
|
|
||||||
|
|
||||||
page {
|
|
||||||
height: 100vh;
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@ -1,35 +0,0 @@
|
|||||||
{
|
|
||||||
"compilerOptions": {
|
|
||||||
"target": "esnext",
|
|
||||||
"module": "esnext",
|
|
||||||
"strict": true,
|
|
||||||
"jsx": "preserve",
|
|
||||||
"moduleResolution": "node",
|
|
||||||
"experimentalDecorators": true,
|
|
||||||
"skipLibCheck": true,
|
|
||||||
"esModuleInterop": true,
|
|
||||||
"allowSyntheticDefaultImports": true,
|
|
||||||
"forceConsistentCasingInFileNames": true,
|
|
||||||
"useDefineForClassFields": true,
|
|
||||||
"sourceMap": true,
|
|
||||||
"strictFunctionTypes": false,
|
|
||||||
"preserveValueImports": false,
|
|
||||||
"isolatedModules": false,
|
|
||||||
"baseUrl": ".",
|
|
||||||
"types": ["node", "webpack-env", "vue/types", "vue-router/types"],
|
|
||||||
"paths": {
|
|
||||||
"@/*": ["src/*"]
|
|
||||||
},
|
|
||||||
"lib": ["esnext", "dom", "dom.iterable", "scripthost"]
|
|
||||||
},
|
|
||||||
"files": ["*.d.ts", "**/*.ts", "**/*.tsx", "**/*.vue", "**/*.ts", "**/*.tsx"],
|
|
||||||
"include": [
|
|
||||||
"*.d.ts",
|
|
||||||
"**/*.ts",
|
|
||||||
"**/*.tsx",
|
|
||||||
"**/*.vue",
|
|
||||||
"**/*.ts",
|
|
||||||
"**/*.tsx"
|
|
||||||
],
|
|
||||||
"exclude": ["node_modules"]
|
|
||||||
}
|
|
||||||
@ -1,90 +0,0 @@
|
|||||||
import { t } from './i18n'
|
|
||||||
import { V2NIMConst } from 'nim-web-sdk-ng/dist/v2/NIM_UNIAPP_SDK'
|
|
||||||
|
|
||||||
// 自定义的一些事件常量
|
|
||||||
export const events = {
|
|
||||||
// 自己发出一条消息
|
|
||||||
SEND_MSG: 'sendMsg',
|
|
||||||
// 发送消息失败
|
|
||||||
SEND_MSG_FAILED: 'sendMsgFailed',
|
|
||||||
// 收到一条消息
|
|
||||||
ON_MSG: 'onMsg',
|
|
||||||
// 加载更多
|
|
||||||
ON_LOAD_MORE: 'onLoadMore',
|
|
||||||
// 首次进入聊天页并获取历史记录
|
|
||||||
ON_CHAT_MOUNTED: 'onChatMounted',
|
|
||||||
// 重新编辑撤回消息
|
|
||||||
ON_REEDIT_MSG: 'onReEditMsg',
|
|
||||||
// 页面触底
|
|
||||||
ON_REACH_BOTTOM: 'onReachBottom',
|
|
||||||
// 页面触顶
|
|
||||||
ON_REACH_TOP: 'onReactTop',
|
|
||||||
// 回复消息
|
|
||||||
REPLY_MSG: 'replyMsg',
|
|
||||||
// input框聚焦
|
|
||||||
ON_INPUT_FOCUS_CHANGE: 'onInputFocusChange',
|
|
||||||
// input框失焦
|
|
||||||
ON_INPUT_BLUR: 'onInputBlur',
|
|
||||||
// 滚动到底部
|
|
||||||
ON_SCROLL_BOTTOM: 'onScrollBottom',
|
|
||||||
// @群成员
|
|
||||||
AIT_TEAM_MEMBER: 'aitTeamMember',
|
|
||||||
// 表情框弹起与收起变化
|
|
||||||
EMOJI_AREA_CHANGE: 'emojiAreaChange',
|
|
||||||
// 获取历史消息
|
|
||||||
GET_HISTORY_MSG: 'getHistoryMsg',
|
|
||||||
// 取消转发消息
|
|
||||||
CANCEL_FORWARD_MSG: 'cancelForwardMsg',
|
|
||||||
// 确认转发消息
|
|
||||||
CONFIRM_FORWARD_MSG: 'confirmForwardMsg',
|
|
||||||
// @消息 @群成员
|
|
||||||
HANDLE_AIT_MEMBER: 'handleAitMember',
|
|
||||||
// 关闭@弹窗
|
|
||||||
CLOSE_AIT_POPUP: 'closeAitPopup',
|
|
||||||
// 表情点击
|
|
||||||
EMOJI_CLICK: 'emojiClick',
|
|
||||||
// 表情删除
|
|
||||||
EMOJI_DELETE: 'emojiDelete',
|
|
||||||
// 表情发送
|
|
||||||
EMOJI_SEND: 'emojiSend',
|
|
||||||
// 好友选择
|
|
||||||
FRIEND_SELECT: 'friendSelect',
|
|
||||||
// 处理滚动穿透
|
|
||||||
HANDLE_MOVE_THROUGH: 'handleMoveThrough',
|
|
||||||
// 关闭表情、语音面板
|
|
||||||
CLOSE_PANEL: 'closePanel',
|
|
||||||
// 语音消息url改变
|
|
||||||
AUDIO_URL_CHANGE: 'audioUrlChange',
|
|
||||||
}
|
|
||||||
|
|
||||||
export const HISTORY_LIMIT = 15
|
|
||||||
|
|
||||||
export const MSG_ID_FLAG = 'message-item-'
|
|
||||||
|
|
||||||
export const AT_ALL_ACCOUNT = 'ait_all'
|
|
||||||
|
|
||||||
export const ALLOW_AT = 'yxAllowAt'
|
|
||||||
|
|
||||||
export const REPLY_MSG_TYPE_MAP: { [key: number]: string } = {
|
|
||||||
[V2NIMConst.V2NIMMessageType.V2NIM_MESSAGE_TYPE_IMAGE]: t('imgMsgText'),
|
|
||||||
[V2NIMConst.V2NIMMessageType.V2NIM_MESSAGE_TYPE_AUDIO]: t('audioMsgText'),
|
|
||||||
[V2NIMConst.V2NIMMessageType.V2NIM_MESSAGE_TYPE_VIDEO]: t('videoMsgText'),
|
|
||||||
[V2NIMConst.V2NIMMessageType.V2NIM_MESSAGE_TYPE_FILE]: t('fileMsgText'),
|
|
||||||
}
|
|
||||||
|
|
||||||
export const STORAGE_KEY = '__yx_im_options__'
|
|
||||||
|
|
||||||
export const callTypeMap = {
|
|
||||||
audio: '1',
|
|
||||||
video: '2',
|
|
||||||
}
|
|
||||||
|
|
||||||
export const g2StatusMap: any = {
|
|
||||||
1: t('callDurationText'),
|
|
||||||
2: t('callCancelText'),
|
|
||||||
3: t('callRejectedText'),
|
|
||||||
4: t('callTimeoutText'),
|
|
||||||
5: t('callBusyText'),
|
|
||||||
}
|
|
||||||
|
|
||||||
export const msgRecallTime = 2 * 60 * 1000
|
|
||||||
@ -1,17 +0,0 @@
|
|||||||
const preUrl = '/root/NEUIKit'
|
|
||||||
|
|
||||||
export function customNavigateTo(options: { url: string }) {
|
|
||||||
uni.navigateTo({ ...options, url: preUrl + options.url })
|
|
||||||
}
|
|
||||||
|
|
||||||
export function customRedirectTo(options: { url: string }) {
|
|
||||||
uni.redirectTo({ ...options, url: preUrl + options.url })
|
|
||||||
}
|
|
||||||
|
|
||||||
export function customSwitchTab(options: { url: string }) {
|
|
||||||
uni.switchTab({ ...options, url: preUrl + options.url })
|
|
||||||
}
|
|
||||||
|
|
||||||
export function customReLaunch(options: { url: string }) {
|
|
||||||
uni.reLaunch({ ...options, url: preUrl + options.url })
|
|
||||||
}
|
|
||||||
@ -1,58 +0,0 @@
|
|||||||
import { t } from './i18n'
|
|
||||||
|
|
||||||
export function caculateTimeago(dateTimeStamp: number): string {
|
|
||||||
const minute = 1000 * 60 // 把分，时，天，周，半个月，一个月用毫秒表示
|
|
||||||
const hour = minute * 60
|
|
||||||
const day = hour * 24
|
|
||||||
const week = day * 7
|
|
||||||
const now = new Date().getTime() // 获取当前时间毫秒
|
|
||||||
const diffValue = now - dateTimeStamp // 时间差
|
|
||||||
let result = ''
|
|
||||||
|
|
||||||
if (diffValue < 0) {
|
|
||||||
return t('nowText')
|
|
||||||
}
|
|
||||||
const minC = Math.floor(diffValue / minute) // 计算时间差的分，时，天，周，月
|
|
||||||
const hourC = Math.floor(diffValue / hour)
|
|
||||||
const dayC = Math.floor(diffValue / day)
|
|
||||||
const weekC = Math.floor(diffValue / week)
|
|
||||||
if (weekC >= 1 && weekC <= 4) {
|
|
||||||
result = ` ${weekC}${t('weekText')}`
|
|
||||||
} else if (dayC >= 1 && dayC <= 6) {
|
|
||||||
result = ` ${dayC}${t('dayText')}`
|
|
||||||
} else if (hourC >= 1 && hourC <= 23) {
|
|
||||||
result = ` ${hourC}${t('hourText')}`
|
|
||||||
} else if (minC >= 1 && minC <= 59) {
|
|
||||||
result = ` ${minC}${t('minuteText')}`
|
|
||||||
} else if (diffValue >= 0 && diffValue <= minute) {
|
|
||||||
result = t('nowText')
|
|
||||||
} else {
|
|
||||||
const datetime = new Date()
|
|
||||||
datetime.setTime(dateTimeStamp)
|
|
||||||
const Nyear = datetime.getFullYear()
|
|
||||||
const Nmonth =
|
|
||||||
datetime.getMonth() + 1 < 10
|
|
||||||
? `0${datetime.getMonth() + 1}`
|
|
||||||
: datetime.getMonth() + 1
|
|
||||||
const Ndate =
|
|
||||||
datetime.getDate() < 10 ? `0${datetime.getDate()}` : datetime.getDate()
|
|
||||||
result = `${Nyear}-${Nmonth}-${Ndate}`
|
|
||||||
}
|
|
||||||
return result
|
|
||||||
}
|
|
||||||
|
|
||||||
export const formatDateRange = (type) => {
|
|
||||||
const date = new Date()
|
|
||||||
let year = date.getFullYear()
|
|
||||||
let month: string | number = date.getMonth() + 1
|
|
||||||
let day: string | number = date.getDate()
|
|
||||||
|
|
||||||
if (type === 'start') {
|
|
||||||
year = year - 100
|
|
||||||
} else if (type === 'end') {
|
|
||||||
year = year
|
|
||||||
}
|
|
||||||
month = month > 9 ? month : '0' + month
|
|
||||||
day = day > 9 ? day : '0' + day
|
|
||||||
return `${year}-${month}-${day}`
|
|
||||||
}
|
|
||||||
@ -1,79 +0,0 @@
|
|||||||
// #ifdef APP-PLUS
|
|
||||||
import pinyin from 'pinyin'
|
|
||||||
// #endif
|
|
||||||
|
|
||||||
export const friendGroupByPy = <
|
|
||||||
T extends {
|
|
||||||
[key: string]: any
|
|
||||||
}
|
|
||||||
>(
|
|
||||||
arr: T[],
|
|
||||||
keys: {
|
|
||||||
firstKey: string
|
|
||||||
secondKey?: string
|
|
||||||
thirdKey?: string
|
|
||||||
},
|
|
||||||
isLowerCase = true
|
|
||||||
): { key: string; data: T[] }[] => {
|
|
||||||
const res: { [key: string]: T[] } = {}
|
|
||||||
const OTHER_TAG = '#'
|
|
||||||
|
|
||||||
const add = (k: string, v: T) => {
|
|
||||||
const _k = isLowerCase ? k.toLowerCase() : k.toUpperCase()
|
|
||||||
if (!res[_k]) {
|
|
||||||
res[_k] = [v]
|
|
||||||
} else {
|
|
||||||
res[_k].push(v)
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
arr.forEach((item) => {
|
|
||||||
const v =
|
|
||||||
item[keys.firstKey] ||
|
|
||||||
item[keys.secondKey || ''] ||
|
|
||||||
item[keys.thirdKey || '']
|
|
||||||
if (!!v && typeof v === 'string') {
|
|
||||||
const str = v[0]
|
|
||||||
if (/^[a-zA-Z]$/.test(str)) {
|
|
||||||
add(str.toLowerCase(), item)
|
|
||||||
} else if (/^[\u4e00-\u9fa5]$/.test(str)) {
|
|
||||||
const en = '*abcdefghjklmnopqrstwxyz'.split('')
|
|
||||||
// #ifdef APP-PLUS
|
|
||||||
// @ts-ignore
|
|
||||||
const k = en.find((k) => {
|
|
||||||
const py = pinyin(str, {
|
|
||||||
style: 'FIRST_LETTER',
|
|
||||||
})
|
|
||||||
return py[0][0] === k
|
|
||||||
})
|
|
||||||
// #endif
|
|
||||||
// #ifndef APP-PLUS
|
|
||||||
const zh = '阿八嚓哒妸发旮哈讥咔垃痳拏噢妑七呥扨它穵夕丫帀'.split('')
|
|
||||||
// @ts-ignore
|
|
||||||
const k = en.find(
|
|
||||||
(k, ki) =>
|
|
||||||
(!zh[ki - 1] || zh[ki - 1].localeCompare(str, 'zh') <= 0) &&
|
|
||||||
str.localeCompare(zh[ki], 'zh') == -1
|
|
||||||
)
|
|
||||||
// #endif
|
|
||||||
if (k && k !== '*') {
|
|
||||||
add(k, item)
|
|
||||||
} else {
|
|
||||||
add(OTHER_TAG, item)
|
|
||||||
}
|
|
||||||
} else {
|
|
||||||
add(OTHER_TAG, item)
|
|
||||||
}
|
|
||||||
} else {
|
|
||||||
add(OTHER_TAG, item)
|
|
||||||
}
|
|
||||||
})
|
|
||||||
|
|
||||||
const data = Object.keys(res).map((k) => ({ key: k, data: res[k] }))
|
|
||||||
const sortData = data
|
|
||||||
.filter((item) => item.key !== OTHER_TAG)
|
|
||||||
.sort((a, b) => a.key.localeCompare(b.key, 'en'))
|
|
||||||
const otherData = data.filter((item) => item.key === OTHER_TAG)
|
|
||||||
|
|
||||||
return sortData.concat(otherData)
|
|
||||||
}
|
|
||||||
@ -1,12 +0,0 @@
|
|||||||
import zh from '../locale/zh-Hans'
|
|
||||||
const messages = {
|
|
||||||
zh,
|
|
||||||
}
|
|
||||||
const localeMap = {
|
|
||||||
'zh-Hans': 'zh',
|
|
||||||
'zh-Hant': 'zh',
|
|
||||||
}
|
|
||||||
|
|
||||||
export const t = (key: string) => {
|
|
||||||
return zh[key]
|
|
||||||
}
|
|
||||||
@ -1,151 +0,0 @@
|
|||||||
import { events } from './constants'
|
|
||||||
|
|
||||||
export const getUniPlatform = () => {
|
|
||||||
// @ts-ignore
|
|
||||||
return uni.getSystemInfoSync().uniPlatform
|
|
||||||
}
|
|
||||||
|
|
||||||
export const getPlatform = () => {
|
|
||||||
// @ts-ignore
|
|
||||||
return uni.getSystemInfoSync().platform
|
|
||||||
}
|
|
||||||
// 是否是android app
|
|
||||||
export const isAndroidApp =
|
|
||||||
uni.getSystemInfoSync().platform == 'android' &&
|
|
||||||
uni.getSystemInfoSync().uniPlatform == 'app'
|
|
||||||
|
|
||||||
// 是否是Ios app
|
|
||||||
export const isIosApp =
|
|
||||||
uni.getSystemInfoSync().platform == 'ios' &&
|
|
||||||
uni.getSystemInfoSync().uniPlatform == 'app'
|
|
||||||
|
|
||||||
// 是否是Ios web
|
|
||||||
export const isIosWeb =
|
|
||||||
uni.getSystemInfoSync().uniPlatform === 'web' &&
|
|
||||||
uni.getSystemInfoSync().platform === 'ios'
|
|
||||||
|
|
||||||
// 是否是App
|
|
||||||
export const isApp = uni.getSystemInfoSync().uniPlatform == 'app'
|
|
||||||
|
|
||||||
// 是否是微信小程序
|
|
||||||
export const isWxApp = uni.getSystemInfoSync().uniPlatform == 'mp-weixin'
|
|
||||||
|
|
||||||
// 是否是web
|
|
||||||
export const isWeb = uni.getSystemInfoSync().uniPlatform === 'web'
|
|
||||||
|
|
||||||
// @ts-ignore
|
|
||||||
export function deepClone(source: any, visited = new WeakMap()) {
|
|
||||||
if (source === null || typeof source !== 'object') {
|
|
||||||
return source
|
|
||||||
}
|
|
||||||
|
|
||||||
if (visited.has(source)) {
|
|
||||||
return visited.get(source)
|
|
||||||
}
|
|
||||||
// @ts-ignore
|
|
||||||
let clone
|
|
||||||
|
|
||||||
if (source instanceof Date) {
|
|
||||||
clone = new Date(source.getTime())
|
|
||||||
} else if (source instanceof RegExp) {
|
|
||||||
clone = new RegExp(source)
|
|
||||||
} else if (source instanceof Map) {
|
|
||||||
clone = new Map()
|
|
||||||
visited.set(source, clone)
|
|
||||||
source.forEach((value, key) => {
|
|
||||||
// @ts-ignore
|
|
||||||
clone.set(key, deepClone(value, visited))
|
|
||||||
})
|
|
||||||
} else if (source instanceof Set) {
|
|
||||||
clone = new Set()
|
|
||||||
visited.set(source, clone)
|
|
||||||
source.forEach((value) => {
|
|
||||||
// @ts-ignore
|
|
||||||
clone.add(deepClone(value, visited))
|
|
||||||
})
|
|
||||||
} else if (Array.isArray(source)) {
|
|
||||||
clone = []
|
|
||||||
// @ts-ignore
|
|
||||||
visited.set(source, clone)
|
|
||||||
for (let i = 0; i < source.length; i++) {
|
|
||||||
clone[i] = deepClone(source[i], visited)
|
|
||||||
}
|
|
||||||
} else {
|
|
||||||
clone = Object.create(Object.getPrototypeOf(source))
|
|
||||||
visited.set(source, clone)
|
|
||||||
for (const prop in source) {
|
|
||||||
if (source.hasOwnProperty(prop)) {
|
|
||||||
clone[prop] = deepClone(source[prop], visited)
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
return clone
|
|
||||||
}
|
|
||||||
|
|
||||||
export function stopAllAudio() {
|
|
||||||
uni.$emit(events.AUDIO_URL_CHANGE, '')
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 秒转换为时分秒
|
|
||||||
*/
|
|
||||||
export const convertSecondsToTime = (seconds: number): string | null => {
|
|
||||||
if (!seconds) {
|
|
||||||
return null
|
|
||||||
}
|
|
||||||
const hours: number = Math.floor(seconds / 3600)
|
|
||||||
const minutes: number = Math.floor((seconds - hours * 3600) / 60)
|
|
||||||
const remainingSeconds: number = seconds - hours * 3600 - minutes * 60
|
|
||||||
|
|
||||||
let timeString = ''
|
|
||||||
|
|
||||||
const includeHours = seconds >= 3600
|
|
||||||
if (includeHours) {
|
|
||||||
if (hours < 10) {
|
|
||||||
timeString += '0'
|
|
||||||
}
|
|
||||||
timeString += hours.toString() + ':'
|
|
||||||
}
|
|
||||||
|
|
||||||
if (minutes < 10) {
|
|
||||||
timeString += '0'
|
|
||||||
}
|
|
||||||
timeString += minutes.toString() + ':'
|
|
||||||
|
|
||||||
if (remainingSeconds < 10) {
|
|
||||||
timeString += '0'
|
|
||||||
}
|
|
||||||
timeString += remainingSeconds.toString()
|
|
||||||
|
|
||||||
return timeString
|
|
||||||
}
|
|
||||||
|
|
||||||
export const startCall = (options: {
|
|
||||||
remoteUserAccid: string
|
|
||||||
currentUserAccid: string
|
|
||||||
type: number
|
|
||||||
remoteShowName: string
|
|
||||||
}) => {
|
|
||||||
try {
|
|
||||||
// @ts-ignore
|
|
||||||
uni.$UIKitCallKit.toCallPage(
|
|
||||||
{
|
|
||||||
calledAccount: options.remoteUserAccid,
|
|
||||||
// currentUserAccid: options.currentUserAccid,
|
|
||||||
type: options.type,
|
|
||||||
calledShowName: options.remoteShowName,
|
|
||||||
},
|
|
||||||
() => {
|
|
||||||
console.log('toCallPage: ', {
|
|
||||||
remoteUserAccid: options.remoteUserAccid,
|
|
||||||
currentUserAccid: options.currentUserAccid,
|
|
||||||
type: options.type,
|
|
||||||
remoteShowName: options.remoteShowName,
|
|
||||||
})
|
|
||||||
}
|
|
||||||
)
|
|
||||||
} catch (error) {
|
|
||||||
console.log('handleVideoCall error', error)
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -1,27 +0,0 @@
|
|||||||
import { t } from './i18n'
|
|
||||||
|
|
||||||
export const handleNoPermission = (res: any): void => {
|
|
||||||
if (
|
|
||||||
uni.getSystemInfoSync().platform == 'android' ||
|
|
||||||
uni.getSystemInfoSync().platform == 'ios'
|
|
||||||
) {
|
|
||||||
const appAuthorizeSetting = uni.getAppAuthorizeSetting()
|
|
||||||
//点击取消时不出现弹窗
|
|
||||||
const isCameraDenied = appAuthorizeSetting.cameraAuthorized === 'denied'
|
|
||||||
const isUserCancelled =
|
|
||||||
res.errMsg === 'chooseImage:fail User cancelled' ||
|
|
||||||
res.errMsg === 'chooseImage:fail cancel' ||
|
|
||||||
res.errMsg === 'chooseVideo:fail cancel' ||
|
|
||||||
res.errMsg === 'chooseVideo:fail User cancelled'
|
|
||||||
if (
|
|
||||||
(res.code === 11 && isCameraDenied && !isUserCancelled) ||
|
|
||||||
(res.code === 12 && isCameraDenied && !isUserCancelled) ||
|
|
||||||
(res.code === 2 && !isUserCancelled)
|
|
||||||
) {
|
|
||||||
uni.showToast({
|
|
||||||
icon: 'none',
|
|
||||||
title: t('addPermissionText'),
|
|
||||||
})
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -1,20 +0,0 @@
|
|||||||
import { EventTracking } from '@xkit-yx/utils/dist/uniapp'
|
|
||||||
import imPkg from 'nim-web-sdk-ng/package.json'
|
|
||||||
|
|
||||||
export const trackInit = (
|
|
||||||
component: 'ChatUIKit' | 'ContactUIKit' | 'ConversationUIKit' | 'SearchUIKit'
|
|
||||||
): void => {
|
|
||||||
console.log('js init');
|
|
||||||
if (uni.$UIKitNIM && uni.$UIKitNIM.options.appkey) {
|
|
||||||
const eventTracking = new EventTracking({
|
|
||||||
appKey: uni.$UIKitNIM.options.appkey,
|
|
||||||
version: '10.2.0',
|
|
||||||
component,
|
|
||||||
imVersion: imPkg.version,
|
|
||||||
platform: 'UniApp',
|
|
||||||
})
|
|
||||||
eventTracking.track('init', '')
|
|
||||||
}else{
|
|
||||||
console.log('js 异常')
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -1,12 +0,0 @@
|
|||||||
let vueVersion: number
|
|
||||||
// #ifndef VUE3
|
|
||||||
export * from '@vue/composition-api'
|
|
||||||
vueVersion = 2
|
|
||||||
// #endif
|
|
||||||
|
|
||||||
// #ifdef VUE3
|
|
||||||
export * from 'vue'
|
|
||||||
vueVersion = 3
|
|
||||||
// #endif
|
|
||||||
console.log(`vue version is ${vueVersion}`)
|
|
||||||
export { vueVersion }
|
|
||||||
Loading…
Reference in New Issue