mz666
/
apply-assistant-v3
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

同步

Browse Source
cyl/master-0822
wangxia 7 months ago
parent 67dd3b0e62
commit 051453f94c
4 changed files with 1482 additions and 1443 deletions
Show Stats Download Patch File Download Diff File

10
components/list/job.vue
Unescape Escape View File

@ -20,7 +20,7 @@
</view> </view>
<view v-if="speed > 0" class="link"> <view v-if="speed > 0" class="link">
<block class="" v-for="(item, index) in jobArray" :key="index"> <block class="" v-for="(item, index) in jobArray" :key="index">
<view class="item g_position_rela g_mb_10 g_ml_12 g_mr_12 g_bg_f g_radius_8 g_border_e_b" :class="from == 'share' ? 'g_pl_32' : ''"> <view class="item g_position_rela g_mb_10 g_ml_12 g_mr_12 g_bg_f g_radius_8 g_border_e_b" :class="from == 'share' || from == 'chat' ? 'g_pl_32' : ''">
<view class="g_p_10 g_position_rela" style="" @click="handleCard(item, index)"> <view class="g_p_10 g_position_rela" style="" @click="handleCard(item, index)">
<i class="iconfont icon-yitingzhao" v-if="item.recruitment == 2 && from != 'mine'" style="position: absolute; left: 50%; top: 58%; transform: translate(-50%, -50%); color: #ff4d4f; font-size: 80px; z-index: 1"></i> <i class="iconfont icon-yitingzhao" v-if="item.recruitment == 2 && from != 'mine'" style="position: absolute; left: 50%; top: 58%; transform: translate(-50%, -50%); color: #ff4d4f; font-size: 80px; z-index: 1"></i>
<view class="m-top g_flex_row_between"> <view class="m-top g_flex_row_between">
@ -130,6 +130,9 @@
<view class="checkBox" hover-class="none" v-if="from == 'share'" @click.stop="checkJob(item)"> <view class="checkBox" hover-class="none" v-if="from == 'share'" @click.stop="checkJob(item)">
<checkbox class="biggerSize" style="transform: scale(0.8, 0.8)" color="g_c_main" :checked="item.checked" :value="item.checked"></checkbox> <checkbox class="biggerSize" style="transform: scale(0.8, 0.8)" color="g_c_main" :checked="item.checked" :value="item.checked"></checkbox>
</view> </view>
<view class="checkBox" hover-class="none" v-if="from == 'chat'" @click.stop="sendJob(item)">
选择
</view>
</view> </view>
</block> </block>
<view class="g_mt_32 g_pb_32 g_c_9 g_pl_12 g_text_c" v-if="isShowLoginBtn && jobArray.length > 0" hover-class="none"> <view class="g_mt_32 g_pb_32 g_c_9 g_pl_12 g_text_c" v-if="isShowLoginBtn && jobArray.length > 0" hover-class="none">
@ -192,6 +195,7 @@ export default {
// 计算属性 // 计算属性
computed: { computed: {
status() { status() {
console.log("this.query", this.query);
if (this.query.isFinish >= 0 && this.query.isFinish < this.query.size) { if (this.query.isFinish >= 0 && this.query.isFinish < this.query.size) {
return "nomore"; return "nomore";
} else { } else {
@ -416,6 +420,10 @@ export default {
}, },
checkJob(_item) { checkJob(_item) {
this.$emit("checkJob", _item); this.$emit("checkJob", _item);
},
sendJob(_item){
this.$emit("sendJob", _item);
}, },
submitApply(e) { submitApply(e) {
let that = this; let that = this;

1
root/NEUIKit/base.scss
Unescape Escape View File

@ -2,6 +2,7 @@ $filter_bg_color: #e3ecfd;
$main_bg_color: #1890ff; $main_bg_color: #1890ff;
$page_bg_color: #ededed; $page_bg_color: #ededed;
$main_color: #1890ff; $main_color: #1890ff;
@import '../../static/css/base.scss';
image { image {
vertical-align: top; vertical-align: top;
} }

582
root/NEUIKit/pages/Chat/index.vue
Unescape Escape View File

@ -1,8 +1,6 @@
<template> <template>
<!-- 处理滚动穿透 此为官方推荐做法 https://uniapp.dcloud.net.cn/component/uniui/uni-popup.html#%E4%BB%8B%E7%BB%8D --> <!-- 处理滚动穿透 此为官方推荐做法 https://uniapp.dcloud.net.cn/component/uniui/uni-popup.html#%E4%BB%8B%E7%BB%8D -->
<page-meta <page-meta :page-style="'overflow:' + (moveThrough ? 'hidden' : 'visible')"></page-meta>
:page-style="'overflow:' + (moveThrough ? 'hidden' : 'visible')"
></page-meta>
<div :class="isH5 ? 'msg-page-wrapper-h5' : 'msg-page-wrapper'"> <div :class="isH5 ? 'msg-page-wrapper-h5' : 'msg-page-wrapper'">
<NavBar :title="title" :showLeft="true" v-if="false"> <NavBar :title="title" :showLeft="true" v-if="false">
<template v-slot:left> <template v-slot:left>
@ -15,188 +13,180 @@
<NetworkAlert /> <NetworkAlert />
</div> </div>
<div :class="isH5 ? 'msg-wrapper-h5' : 'msg-wrapper'"> <div :class="isH5 ? 'msg-wrapper-h5' : 'msg-wrapper'">
<MessageList <MessageList :conversationType="conversationType" :to="to" :msgs="msgs" :loading-more="loadingMore" :no-more="noMore" :reply-msgs-map="replyMsgsMap" />
:conversationType="conversationType"
:to="to"
:msgs="msgs"
:loading-more="loadingMore"
:no-more="noMore"
:reply-msgs-map="replyMsgsMap"
/>
</div> </div>
<!-- <div style="height: 'auto';position: fixed;left: 0;bottom: 0;width: 100vw;"> --> <!-- <div style="height: 'auto';position: fixed;left: 0;bottom: 0;width: 100vw;"> -->
<MessageInput <MessageInput
:reply-msgs-map="replyMsgsMap" :reply-msgs-map="replyMsgsMap"
:jobListShow.sync="jobListShow"
@jobListShow="
(e) => {
jobListShow = e;
}
"
:conversation-type="conversationType" :conversation-type="conversationType"
:to="to" :to="to"
/> />
<!-- </div> --> <!-- </div> -->
<u-popup v-model="jobListShow" mode="bottom" z-index="999999" border-radius="12" :closeable="false" :mask-close-able="true" :mask="true" @close="jobListShow = false">
<view class="g_bg_ed" style="min-height: 70vh">
<div class="m-search g_p_10 g_pt_8 g_position_rela g_flex_1 bg_shawdoc" style id="searchInputBox">
<u-search height="80" v-model="keyword" @input="checkLength" @clear="searchJob" @search="searchJob" class="" placeholder="搜索职位名称" bg-color="#fff" :show-action="false" placeholder-class="g_c_c" search-icon-color="#999999" :maxlength="20"></u-search>
</div>
<g-list-job from="chat" @uploadList="getList" @sendJob="sendJob" bg="#ededed" class="" :query="query" :list="query.list" :loading="loading" :speed="speed" :isShowLoginBtn="false" emptyText="嘿，这里还没有数据呢" />
</view>
</u-popup>
</div> </div>
</template> </template>
<script lang="ts" setup> <script lang="ts" setup>
import { onShow } from '@dcloudio/uni-app' import gListJob from "../../../../components/list/job";
import { events } from '../../utils/constants' import { onShow } from "@dcloudio/uni-app";
import { trackInit } from '../../utils/reporter' import { events } from "../../utils/constants";
import { autorun } from 'mobx' import { trackInit } from "../../utils/reporter";
import { ref, onMounted, onUnmounted } from '../../utils/transformVue' import { autorun } from "mobx";
import { deepClone, getUniPlatform } from '../../utils' import { ref, onMounted, computed, onUnmounted, getCurrentInstance } from "vue";
import { onLoad, onUnload } from '@dcloudio/uni-app' // import { ref, onMounted, onUnmounted, getCurrentInstance } from "../../utils/transformVue";
import { customSwitchTab,customNavigateTo } from '../../utils/customNavigate' import { deepClone, getUniPlatform } from "../../utils";
import NetworkAlert from '../../components/NetworkAlert.vue' import { onLoad, onUnload } from "@dcloudio/uni-app";
import NavBar from './message/nav-bar.vue' import { customSwitchTab, customNavigateTo } from "../../utils/customNavigate";
import Icon from '../../components/Icon.vue' import NetworkAlert from "../../components/NetworkAlert.vue";
import MessageList from './message/message-list.vue' import NavBar from "./message/nav-bar.vue";
import MessageInput from './message/message-input.vue' import Icon from "../../components/Icon.vue";
import { HISTORY_LIMIT,MSG_ID_FLAG } from '../../utils/constants' import MessageList from "./message/message-list.vue";
import { t } from '../../utils/i18n' import MessageInput from "./message/message-input.vue";
import { V2NIMMessage } from 'nim-web-sdk-ng/dist/v2/NIM_UNIAPP_SDK/V2NIMMessageService' import { HISTORY_LIMIT, MSG_ID_FLAG } from "../../utils/constants";
import { V2NIMConst } from 'nim-web-sdk-ng/dist/v2/NIM_UNIAPP_SDK' import { t } from "../../utils/i18n";
import { V2NIMMessage } from "nim-web-sdk-ng/dist/v2/NIM_UNIAPP_SDK/V2NIMMessageService";
import { V2NIMConst } from "nim-web-sdk-ng/dist/v2/NIM_UNIAPP_SDK";
const G = getCurrentInstance().appContext.app.config.globalProperties.G;
const F = getCurrentInstance().appContext.app.config.globalProperties.F;
const api = getCurrentInstance().appContext.app.config.globalProperties.api;
export interface YxReplyMsg { export interface YxReplyMsg {
messageClientId: string messageClientId: string;
scene: V2NIMConst.V2NIMConversationType scene: V2NIMConst.V2NIMConversationType;
from: string from: string;
receiverId: string receiverId: string;
to: string to: string;
idServer: string idServer: string;
time: number time: number;
} }
trackInit('ChatUIKit') trackInit("ChatUIKit");
const title = ref('') const title = ref("");
const jobListShow = ref(false);
const conversationId = uni.$UIKitStore.uiStore.selectedConversation const toDetail = () => {
const conversationType = uni.navigateTo({
uni.$UIKitNIM.V2NIMConversationIdUtil.parseConversationType(conversationId) url: "/root/detail/job?id=" + 146579,
const to = });
uni.$UIKitNIM.V2NIMConversationIdUtil.parseConversationTargetId( };
conversationId const conversationId = uni.$UIKitStore.uiStore.selectedConversation;
) const conversationType = uni.$UIKitNIM.V2NIMConversationIdUtil.parseConversationType(conversationId);
const to = uni.$UIKitNIM.V2NIMConversationIdUtil.parseConversationTargetId(conversationId);
const isH5 = getUniPlatform() === 'web' const isH5 = getUniPlatform() === "web";
// 处理uni-popup 引起的滚动穿透 // 处理uni-popup 引起的滚动穿透
const moveThrough = ref(false) const moveThrough = ref(false);
const backToConversation = () => { const backToConversation = () => {
customSwitchTab({ customSwitchTab({
url: '/pages/Conversation/index', url: "/pages/Conversation/index",
}) });
} };
// 是否需要显示群组消息已读未读，默认 false // 是否需要显示群组消息已读未读，默认 false
const teamManagerVisible = uni.$UIKitStore.localOptions.teamMsgReceiptVisible const teamManagerVisible = uni.$UIKitStore.localOptions.teamMsgReceiptVisible;
// 是否需要显示 p2p 消息、p2p会话列表消息已读未读，默认 false // 是否需要显示 p2p 消息、p2p会话列表消息已读未读，默认 false
const p2pMsgReceiptVisible = uni.$UIKitStore.localOptions.p2pMsgReceiptVisible const p2pMsgReceiptVisible = uni.$UIKitStore.localOptions.p2pMsgReceiptVisible;
let isMounted = false let isMounted = false;
const loadingMore = ref(false) const loadingMore = ref(false);
const noMore = ref(false) const noMore = ref(false);
const msgs = ref<V2NIMMessage[]>([]) const msgs = ref<V2NIMMessage[]>([]);
// 回复 // 回复
const replyMsgsMap = ref<Record<string, V2NIMMessage>>() const replyMsgsMap = ref<Record<string, V2NIMMessage>>();
const handleDismissTeam = (data: any) => { const handleDismissTeam = (data: any) => {
if (data.teamId === to) { if (data.teamId === to) {
uni.showModal({ uni.showModal({
content: t('onDismissTeamText'), content: t("onDismissTeamText"),
showCancel: false, showCancel: false,
success(data) { success(data) {
if (data.confirm) { if (data.confirm) {
backToConversation() backToConversation();
} }
}, },
}) });
}
} }
};
const handleRemoveTeamMembers = (data: any) => { const handleRemoveTeamMembers = (data: any) => {
uni uni
.showToast({ .showToast({
title: t('onRemoveTeamText'), title: t("onRemoveTeamText"),
icon: 'success', icon: "success",
duration: 1000, duration: 1000,
}) })
.then(() => { .then(() => {
backToConversation() backToConversation();
}) });
} };
// 收到新消息 // 收到新消息
const handleReceiveMessages = (msgs: V2NIMMessage[]) => { const handleReceiveMessages = (msgs: V2NIMMessage[]) => {
const routes = getCurrentPages() const routes = getCurrentPages();
const curRoute = routes[routes.length - 1].route const curRoute = routes[routes.length - 1].route;
// 不是当前用户的其他端发送的消息且是当前会话的未读消息，才发送已读回执 // 不是当前用户的其他端发送的消息且是当前会话的未读消息，才发送已读回执
if ( if (msgs.length && !msgs[0]?.isSelf && msgs[0].conversationId == conversationId && curRoute?.includes("Chat/index")) {
msgs.length && handleMsgReceipt(msgs);
!msgs[0]?.isSelf &&
msgs[0].conversationId == conversationId &&
curRoute?.includes('Chat/index')
) {
handleMsgReceipt(msgs)
}
uni.$emit(events.ON_SCROLL_BOTTOM, msgs)
} }
uni.$emit(events.ON_SCROLL_BOTTOM, msgs);
};
// 处理收到消息的已读回执 // 处理收到消息的已读回执
const handleMsgReceipt = (msg: V2NIMMessage[]) => { const handleMsgReceipt = (msg: V2NIMMessage[]) => {
if ( if (msg[0].conversationType === V2NIMConst.V2NIMConversationType.V2NIM_CONVERSATION_TYPE_P2P && p2pMsgReceiptVisible) {
msg[0].conversationType === uni.$UIKitStore.msgStore.sendMsgReceiptActive(msg[0]);
V2NIMConst.V2NIMConversationType.V2NIM_CONVERSATION_TYPE_P2P && } else if (msg[0].conversationType === V2NIMConst.V2NIMConversationType.V2NIM_CONVERSATION_TYPE_TEAM && teamManagerVisible) {
p2pMsgReceiptVisible uni.$UIKitStore.msgStore.sendTeamMsgReceiptActive(msg);
) {
uni.$UIKitStore.msgStore.sendMsgReceiptActive(msg[0])
} else if (
msg[0].conversationType ===
V2NIMConst.V2NIMConversationType.V2NIM_CONVERSATION_TYPE_TEAM &&
teamManagerVisible
) {
uni.$UIKitStore.msgStore.sendTeamMsgReceiptActive(msg)
}
} }
};
// 处理历史消息的已读未读 // 处理历史消息的已读未读
const handleHistoryMsgReceipt = (msgs: V2NIMMessage[]) => { const handleHistoryMsgReceipt = (msgs: V2NIMMessage[]) => {
// 如果是单聊 // 如果是单聊
if ( if (conversationType === V2NIMConst.V2NIMConversationType.V2NIM_CONVERSATION_TYPE_P2P && p2pMsgReceiptVisible) {
conversationType === const myUserAccountId = uni.$UIKitNIM.V2NIMLoginService.getLoginUser();
V2NIMConst.V2NIMConversationType.V2NIM_CONVERSATION_TYPE_P2P &&
p2pMsgReceiptVisible
) {
const myUserAccountId = uni.$UIKitNIM.V2NIMLoginService.getLoginUser()
const othersMsgs = msgs const othersMsgs = msgs
.filter( .filter(
(item: V2NIMMessage) => (item: V2NIMMessage) =>
// @ts-ignore // @ts-ignore
!['beReCallMsg', 'reCallMsg'].includes(item.recallType || '') !["beReCallMsg", "reCallMsg"].includes(item.recallType || "")
) )
.filter((item: V2NIMMessage) => item.senderId !== myUserAccountId) .filter((item: V2NIMMessage) => item.senderId !== myUserAccountId);
// 发送单聊消息已读回执 // 发送单聊消息已读回执
if (othersMsgs.length > 0) { if (othersMsgs.length > 0) {
uni.$UIKitStore.msgStore.sendMsgReceiptActive(othersMsgs?.[0]) uni.$UIKitStore.msgStore.sendMsgReceiptActive(othersMsgs?.[0]);
} }
// 如果是群聊 // 如果是群聊
} else if ( } else if (conversationType === V2NIMConst.V2NIMConversationType.V2NIM_CONVERSATION_TYPE_TEAM && teamManagerVisible) {
conversationType === const myUserAccountId = uni.$UIKitNIM.V2NIMLoginService.getLoginUser();
V2NIMConst.V2NIMConversationType.V2NIM_CONVERSATION_TYPE_TEAM &&
teamManagerVisible
) {
const myUserAccountId = uni.$UIKitNIM.V2NIMLoginService.getLoginUser()
const myMsgs = msgs const myMsgs = msgs
.filter( .filter(
(item: V2NIMMessage) => (item: V2NIMMessage) =>
// @ts-ignore // @ts-ignore
!['beReCallMsg', 'reCallMsg'].includes(item.recallType || '') !["beReCallMsg", "reCallMsg"].includes(item.recallType || "")
) )
.filter((item: V2NIMMessage) => item.senderId === myUserAccountId) .filter((item: V2NIMMessage) => item.senderId === myUserAccountId);
uni.$UIKitStore.msgStore.getTeamMsgReadsActive(myMsgs, conversationId) uni.$UIKitStore.msgStore.getTeamMsgReadsActive(myMsgs, conversationId);
// 发送群消息已读回执 // 发送群消息已读回执
// sdk 要求 一次最多传入 50 个消息对象 // sdk 要求 一次最多传入 50 个消息对象
@ -204,159 +194,121 @@ const handleHistoryMsgReceipt = (msgs: V2NIMMessage[]) => {
.filter( .filter(
(item: V2NIMMessage) => (item: V2NIMMessage) =>
// @ts-ignore // @ts-ignore
!['beReCallMsg', 'reCallMsg'].includes(item.recallType || '') !["beReCallMsg", "reCallMsg"].includes(item.recallType || "")
) )
.filter((item: V2NIMMessage) => item.senderId !== myUserAccountId) .filter((item: V2NIMMessage) => item.senderId !== myUserAccountId);
if (othersMsgs.length > 0 && othersMsgs.length < 50) { if (othersMsgs.length > 0 && othersMsgs.length < 50) {
uni.$UIKitStore.msgStore.sendTeamMsgReceiptActive(othersMsgs) uni.$UIKitStore.msgStore.sendTeamMsgReceiptActive(othersMsgs);
}
} }
} }
};
// 拉取历史消息 // 拉取历史消息
const getHistory = async (endTime: number, lastMsgId?: string) => { const getHistory = async (endTime: number, lastMsgId?: string) => {
try { try {
if (noMore.value) { if (noMore.value) {
return [] return [];
} }
if (loadingMore.value) { if (loadingMore.value) {
return [] return [];
} }
loadingMore.value = true loadingMore.value = true;
if (conversationId) { if (conversationId) {
const historyMsgs = await uni.$UIKitStore.msgStore.getHistoryMsgActive({ const historyMsgs = await uni.$UIKitStore.msgStore.getHistoryMsgActive({
conversationId, conversationId,
endTime, endTime,
lastMsgId, lastMsgId,
limit: HISTORY_LIMIT, limit: HISTORY_LIMIT,
}) });
// console.log(historyMsgs) // console.log(historyMsgs)
// 在点击会话时，去获取并更新 pin 和 msg 信息。 // 在点击会话时，去获取并更新 pin 和 msg 信息。
await uni.$UIKitStore.msgStore.getPinnedMessageListActive(conversationId) await uni.$UIKitStore.msgStore.getPinnedMessageListActive(conversationId);
loadingMore.value = false
loadingMore.value = false;
if (historyMsgs.length < HISTORY_LIMIT) { if (historyMsgs.length < HISTORY_LIMIT) {
noMore.value = true noMore.value = true;
} }
// 消息已读未读相关 // 消息已读未读相关
handleHistoryMsgReceipt(historyMsgs) handleHistoryMsgReceipt(historyMsgs);
return historyMsgs return historyMsgs;
} }
} catch (error) { } catch (error) {
loadingMore.value = false loadingMore.value = false;
throw error throw error;
}
} }
};
// 加载更多消息 // 加载更多消息
const loadMoreMsgs = (lastMsg: V2NIMMessage) => { const loadMoreMsgs = (lastMsg: V2NIMMessage) => {
// console.log("已登录已登录已登录已登录已登录已登录已登录已登录已登录") // console.log("已登录已登录已登录已登录已登录已登录已登录已登录已登录")
getHistory(lastMsg.createTime, lastMsg.messageServerId).then( getHistory(lastMsg.createTime, lastMsg.messageServerId).then((res: V2NIMMessage[]) => {
(res: V2NIMMessage[]) => {
// console.log(res) // console.log(res)
// console.log("执行一次执行一次执行一次执行一次执行一次执行一次执行一次执行一次") // console.log("执行一次执行一次执行一次执行一次执行一次执行一次执行一次执行一次")
uni.$emit('newScroll') uni.$emit("newScroll");
});
}
);
}; };
const conversationTypeWatch = autorun(() => { const conversationTypeWatch = autorun(() => {
// 如果是单聊 // 如果是单聊
if ( if (conversationType === V2NIMConst.V2NIMConversationType.V2NIM_CONVERSATION_TYPE_P2P) {
conversationType === title.value = deepClone(uni.$UIKitStore.uiStore.getAppellation({ account: to }));
V2NIMConst.V2NIMConversationType.V2NIM_CONVERSATION_TYPE_P2P
) {
title.value = deepClone(
uni.$UIKitStore.uiStore.getAppellation({ account: to })
)
// 如果是群聊 // 如果是群聊
} else if ( } else if (conversationType === V2NIMConst.V2NIMConversationType.V2NIM_CONVERSATION_TYPE_TEAM) {
conversationType === const team = uni.$UIKitStore.teamStore.teams.get(to);
V2NIMConst.V2NIMConversationType.V2NIM_CONVERSATION_TYPE_TEAM const subTitle = `(${team?.memberCount || 0})`;
) { title.value = (team?.name || "") + subTitle;
const team = uni.$UIKitStore.teamStore.teams.get(to)
const subTitle = `(${team?.memberCount || 0})`
title.value = (team?.name || '') + subTitle
} }
}) });
// 监听连接状态 // 监听连接状态
const connectedWatch = autorun(() => { const connectedWatch = autorun(() => {
if ( if (uni.$UIKitStore.connectStore.connectStatus === V2NIMConst.V2NIMConnectStatus.V2NIM_CONNECT_STATUS_CONNECTED) {
uni.$UIKitStore.connectStore.connectStatus === if (uni.$UIKitStore.connectStore.loginStatus == V2NIMConst.V2NIMLoginStatus.V2NIM_LOGIN_STATUS_LOGINED) {
V2NIMConst.V2NIMConnectStatus.V2NIM_CONNECT_STATUS_CONNECTED
) {
if (
uni.$UIKitStore.connectStore.loginStatus ==
V2NIMConst.V2NIMLoginStatus.V2NIM_LOGIN_STATUS_LOGINED
) {
getHistory(Date.now()).then(() => { getHistory(Date.now()).then(() => {
if (!isMounted) { if (!isMounted) {
console.log("已登录已登录已登录已登录已登录已登录已登录已登录已登录") console.log("已登录已登录已登录已登录已登录已登录已登录已登录已登录");
// uni.$emit(events.ON_SCROLL_BOTTOM) // uni.$emit(events.ON_SCROLL_BOTTOM)
isMounted = true isMounted = true;
} }
}) });
} }
} }
}) });
// 动态更新消息 // 动态更新消息
const msgsWatch = autorun(() => { const msgsWatch = autorun(() => {
// 这里需要 Clone，否则 pinState 更新了，对应的消息展示不会重新渲染 // 这里需要 Clone，否则 pinState 更新了，对应的消息展示不会重新渲染
const messages = [...uni.$UIKitStore.msgStore.getMsg(conversationId)] const messages = [...uni.$UIKitStore.msgStore.getMsg(conversationId)];
if (messages.length !== 0) { if (messages.length !== 0) {
msgs.value = messages msgs.value = messages;
} }
// 遍历所有消息，找出被回复消息，储存在map中 // 遍历所有消息，找出被回复消息，储存在map中
if (messages.length !== 0) { if (messages.length !== 0) {
const _replyMsgsMap: any = {} const _replyMsgsMap: any = {};
const reqMsgs: YxReplyMsg[] = [] const reqMsgs: YxReplyMsg[] = [];
const messageClientIds: Record<string, string> = {} const messageClientIds: Record<string, string> = {};
msgs.value.forEach((msg) => { msgs.value.forEach((msg) => {
if (msg.serverExtension) { if (msg.serverExtension) {
try { try {
// yxReplyMsg 存储着被回复消息的相关消息 // yxReplyMsg 存储着被回复消息的相关消息
const { yxReplyMsg } = JSON.parse(msg.serverExtension) const { yxReplyMsg } = JSON.parse(msg.serverExtension);
if (yxReplyMsg) { if (yxReplyMsg) {
// 从消息列表中找到被回复消息，replyMsg 为被回复的消息 // 从消息列表中找到被回复消息，replyMsg 为被回复的消息
const replyMsg = msgs.value.find( const replyMsg = msgs.value.find((item) => item.messageClientId === yxReplyMsg.idClient);
(item) => item.messageClientId === yxReplyMsg.idClient
)
// 如果直接找到，存储在map中 // 如果直接找到，存储在map中
if (replyMsg) { if (replyMsg) {
_replyMsgsMap[msg.messageClientId] = replyMsg _replyMsgsMap[msg.messageClientId] = replyMsg;
// 如果没找到，说明被回复的消息可能有三种情况：1.被删除 2.被撤回 3.不在当前消息列表中（一次性没拉到，在之前的消息中） // 如果没找到，说明被回复的消息可能有三种情况：1.被删除 2.被撤回 3.不在当前消息列表中（一次性没拉到，在之前的消息中）
} else { } else {
_replyMsgsMap[msg.messageClientId] = { messageClientId: 'noFind' } _replyMsgsMap[msg.messageClientId] = { messageClientId: "noFind" };
const { const { scene, from, to, idServer, messageClientId, time, receiverId } = yxReplyMsg;
scene,
from, if (scene && from && to && idServer && messageClientId && time && receiverId) {
to,
idServer,
messageClientId,
time,
receiverId,
} = yxReplyMsg
if (
scene &&
from &&
to &&
idServer &&
messageClientId &&
time &&
receiverId
) {
reqMsgs.push({ reqMsgs.push({
scene, scene,
from, from,
@ -365,14 +317,14 @@ const msgsWatch = autorun(() => {
messageClientId, messageClientId,
time, time,
receiverId, receiverId,
}) });
messageClientIds[idServer] = msg.messageClientId messageClientIds[idServer] = msg.messageClientId;
} }
} }
} }
} catch {} } catch {}
} }
}) });
if (reqMsgs.length > 0) { if (reqMsgs.length > 0) {
// 从服务器拉取被回复消息, 但是有频率控制 // 从服务器拉取被回复消息, 但是有频率控制
@ -391,17 +343,17 @@ const msgsWatch = autorun(() => {
if (res?.length > 0) { if (res?.length > 0) {
res.forEach((item: V2NIMMessage) => { res.forEach((item: V2NIMMessage) => {
if (item.messageServerId) { if (item.messageServerId) {
_replyMsgsMap[messageClientIds[item.messageServerId]] = item _replyMsgsMap[messageClientIds[item.messageServerId]] = item;
} }
}) });
} }
replyMsgsMap.value = { ..._replyMsgsMap } replyMsgsMap.value = { ..._replyMsgsMap };
}) })
.catch(() => { .catch(() => {
replyMsgsMap.value = { ..._replyMsgsMap } replyMsgsMap.value = { ..._replyMsgsMap };
}) });
} else { } else {
replyMsgsMap.value = { ..._replyMsgsMap } replyMsgsMap.value = { ..._replyMsgsMap };
} }
} }
@ -409,103 +361,209 @@ const msgsWatch = autorun(() => {
// if (messages.length < 6) { // if (messages.length < 6) {
// uni.hideKeyboard() // uni.hideKeyboard()
// } // }
}) });
// 设置页面标题 // 设置页面标题
const setNavTitle = () => { const setNavTitle = () => {
if ( if (conversationType === V2NIMConst.V2NIMConversationType.V2NIM_CONVERSATION_TYPE_P2P) {
conversationType === title.value = uni.$UIKitStore.uiStore.getAppellation({ account: to });
V2NIMConst.V2NIMConversationType.V2NIM_CONVERSATION_TYPE_P2P } else if (conversationType === V2NIMConst.V2NIMConversationType.V2NIM_CONVERSATION_TYPE_TEAM) {
) { const team = uni.$UIKitStore.teamStore.teams.get(to);
title.value = uni.$UIKitStore.uiStore.getAppellation({ account: to }) const subTitle = `(${team?.memberCount || 0})`;
} else if ( title.value = (team?.name || "") + subTitle;
conversationType ===
V2NIMConst.V2NIMConversationType.V2NIM_CONVERSATION_TYPE_TEAM
) {
const team = uni.$UIKitStore.teamStore.teams.get(to)
const subTitle = `(${team?.memberCount || 0})`
title.value = (team?.name || '') + subTitle
} }
uni.setNavigationBarTitle({ uni.setNavigationBarTitle({
title: title.value, title: title.value,
}); });
} };
onShow(function () { onShow(function () {
setNavTitle() setNavTitle();
scrollToBottom() scrollToBottom();
// 从其他页面返回到聊天页时，可能使用的是 uni.navigateBack，此时不会触发onload等事件，但此时需要将收到的新消息发送已读未读 // 从其他页面返回到聊天页时，可能使用的是 uni.navigateBack，此时不会触发onload等事件，但此时需要将收到的新消息发送已读未读
if (msgs.value.length) { if (msgs.value.length) {
const _msgs = [...msgs.value].reverse() const _msgs = [...msgs.value].reverse();
handleHistoryMsgReceipt(_msgs) handleHistoryMsgReceipt(_msgs);
} }
});
})
const scrollToBottom = () => { const scrollToBottom = () => {
const timer = setTimeout(() => { const timer = setTimeout(() => {
uni.$emit(events.ON_SCROLL_BOTTOM) uni.$emit(events.ON_SCROLL_BOTTOM);
clearTimeout(timer) clearTimeout(timer);
}, 300) }, 300);
} };
onLoad(() => { onLoad(() => {
uni.$on(events.HANDLE_MOVE_THROUGH, (flag) => { uni.$on(events.HANDLE_MOVE_THROUGH, (flag) => {
moveThrough.value = flag moveThrough.value = flag;
}) });
}) });
const msgHeight = ref(0); const msgHeight = ref(0);
onMounted(() => { onMounted(() => {
setNavTitle() setNavTitle();
getList();
uni.$on("msgHeight", (res) => {
uni.$on('msgHeight', (res) => { console.log(res);
console.log(res) msgHeight.value = res;
msgHeight.value = res });
})
// scrollToBottom() // scrollToBottom()
uni.$UIKitNIM.V2NIMMessageService.on( uni.$UIKitNIM.V2NIMMessageService.on("onReceiveMessages", handleReceiveMessages);
'onReceiveMessages',
handleReceiveMessages
)
uni.$UIKitNIM.V2NIMTeamService.on('onTeamDismissed', handleDismissTeam) uni.$UIKitNIM.V2NIMTeamService.on("onTeamDismissed", handleDismissTeam);
uni.$UIKitNIM.V2NIMTeamService.on('onTeamLeft', handleRemoveTeamMembers) uni.$UIKitNIM.V2NIMTeamService.on("onTeamLeft", handleRemoveTeamMembers);
uni.$on(events.GET_HISTORY_MSG, loadMoreMsgs) uni.$on(events.GET_HISTORY_MSG, loadMoreMsgs);
}) });
onUnmounted(() => { onUnmounted(() => {
uni.$UIKitNIM.V2NIMTeamService.off('onTeamDismissed', handleDismissTeam) uni.$UIKitNIM.V2NIMTeamService.off("onTeamDismissed", handleDismissTeam);
uni.$UIKitNIM.V2NIMTeamService.off( uni.$UIKitNIM.V2NIMTeamService.off("onTeamMemberLeft", handleRemoveTeamMembers);
'onTeamMemberLeft',
handleRemoveTeamMembers
)
uni.$UIKitNIM.V2NIMMessageService.off( uni.$UIKitNIM.V2NIMMessageService.off("onReceiveMessages", handleReceiveMessages);
'onReceiveMessages',
handleReceiveMessages
)
uni.$off(events.GET_HISTORY_MSG, loadMoreMsgs) uni.$off(events.GET_HISTORY_MSG, loadMoreMsgs);
// 移除store的数据监听 // 移除store的数据监听
connectedWatch() connectedWatch();
msgsWatch() msgsWatch();
conversationTypeWatch() conversationTypeWatch();
});
const query = ref({
page: 1,
size: 50,
list: [],
isFinish: -1,
});
const loading = ref(false);
const speed = ref(-1);
const keyword = ref("");
const checkLength = (e) => {
console.log("e", e);
console.log("keyword", keyword.value);
if (e.length == 0) {
keyword.value = "";
searchJob();
}
};
const searchJob = () => {
query.value.list = [];
query.value.page = 1;
getList();
};
const getList = ($type = "init") => {
loading.value = true;
G.Post(
api.job_list,
{
pageNum: query.value.page,
pageSize: query.value.size,
agencyId: uni.getStorageSync("apply-agencyId"),
classify: 99,
sortTag: 2,
keys: keyword.value,
cityName: "全国",
},
(res) => {
console.log("res", res);
loading.value = false;
speed.value = res.recordCount;
query.value.isFinish = res.recordList.length;
console.log("query.value", query.value);
res.recordList = G.toGetAddressv3(res.recordList);
res.recordList = G.toGetAge(res.recordList);
res.recordList = G.yijobCopy(res.recordList);
if ($type == "init") {
query.value.list = [];
if (res.recordList.length > 0) {
query.value.list = res.recordList.map((item, index) => {
// console.log(item)
return {
...item,
title: item.jobName,
address: item.district + item.age,
priceStr: item.salaryClassify != 7 ? G.getSalaryClassifyValue(item.salaryClassify, item.salaryClassifyValue) : G.getSalaryClassifyValue(item.salaryClassify, item.minMonthlyPay, item.maxMonthlyPay),
logo: item.agencyLogo,
time: G.setDeadLine(item.updateTime, "jiaofu"),
fuWuFei: G.setReturnFee(item.returnFee, item.returnFeeType),
gender: G.getGenderByMinAge(item),
leafCateId: item.id,
// serverPrice: tabInfo.value.list[tabInfo.value.active].tip == 2 ? G.setReturnFee(item.returnFee, item.returnFeeType) : G.setReturnFee(item.agencyReturnFee, item.agencyReturnFeeType),
serverPrice: G.setReturnFee(item.agencyReturnFee, item.agencyReturnFeeType),
recruitmentSwitch: item.recruitment == 1 ? true : false,
recruitmentImage: item.recruitment,
isToday: item.today == 0 ? false : true,
};
});
}
} else {
query.value.list = query.value.list.concat(
res.recordList.map((item, index) => {
return {
...item,
title: item.jobName,
priceStr: item.salaryClassify != 7 ? G.getSalaryClassifyValue(item.salaryClassify, item.salaryClassifyValue) : G.getSalaryClassifyValue(item.salaryClassify, item.minMonthlyPay, item.maxMonthlyPay),
fuWuFei: G.setReturnFee(item.returnFee, item.returnFeeType),
gender: G.getGenderByMinAge(item),
logo: item.agencyLogo,
time: G.setDeadLine(item.updateTime, "jiaofu"),
leafCateId: item.id,
serverPrice: G.setReturnFee(item.agencyReturnFee, item.agencyReturnFeeType),
recruitmentSwitch: item.recruitment == 1 ? true : false,
recruitmentImage: item.recruitment,
isToday: item.today == 0 ? false : true,
};
}) })
);
onUnload(() => { }
uni.$off(events.CONFIRM_FORWARD_MSG) console.log('query.value.list',query.value.list)
uni.$off(events.CANCEL_FORWARD_MSG) }
);
};
const sendJob = (_item) => {
console.log("_item", _item);
let listInner = ["district", "gender", "age"];
let newList = [];
listInner.forEach((item) => {
if (_item[item]) {
newList.push(_item[item]);
}
});
_item.info = newList.join("丨");
const customMsg = uni.$UIKitNIM.V2NIMMessageCreator.createCustomMessage(
"",
JSON.stringify({
type: 100000,
title: _item.jobName,
info: _item.info,
label: _item.jobSpecialLabelNameArray.length > 0 ? _item.jobSpecialLabelNameArray : [],
salaryClassifyValue: _item.priceStr,
serviceFee: _item.fuWuFei ? _item.fuWuFei : "",
monthPay: _item.monthlyPay,
jobId: _item.id,
}) })
);
console.log("customMsg", customMsg);
uni.$UIKitStore.msgStore.sendMessageActive({
msg: customMsg,
conversationId,
sendBefore: () => {
// scrollBottom();
},
});
};
onUnload(() => {
uni.$off(events.CONFIRM_FORWARD_MSG);
uni.$off(events.CANCEL_FORWARD_MSG);
});
</script> </script>
<style lang="scss"> <style lang="scss">
@import "../../base.scss";
page { page {
height: 100%; height: 100%;
overflow: hidden; overflow: hidden;

104
root/NEUIKit/pages/Chat/message/message-input.vue
Unescape Escape View File

@ -14,18 +14,14 @@
<div class="reply-line">｜</div> <div class="reply-line">｜</div>
<div class="reply-title">{{ t("replyText") }}</div> <div class="reply-title">{{ t("replyText") }}</div>
<div class="reply-to"> <div class="reply-to">
<Appellation :account="replyMsg && replyMsg.senderId" <Appellation :account="replyMsg && replyMsg.senderId" :team-id="props.conversationType === V2NIMConst.V2NIMConversationType.V2NIM_CONVERSATION_TYPE_TEAM ? to : ''" color="#929299" :fontSize="13"> </Appellation>
:team-id="props.conversationType === V2NIMConst.V2NIMConversationType.V2NIM_CONVERSATION_TYPE_TEAM ? to : ''"
color="#929299" :fontSize="13"> </Appellation>
</div> </div>
<div class="reply-to-colon">:</div> <div class="reply-to-colon">:</div>
<div v-if="replyMsg && replyMsg.messageClientId === 'noFind'" class="reply-noFind"> <div v-if="replyMsg && replyMsg.messageClientId === 'noFind'" class="reply-noFind">
{{ t("replyNotFindText") }} {{ t("replyNotFindText") }}
</div> </div>
<div class="reply-message" v-else> <div class="reply-message" v-else>
<message-one-line <message-one-line v-if="replyMsg && replyMsg.messageType === V2NIMConst.V2NIMMessageType.V2NIM_MESSAGE_TYPE_TEXT" :text="replyMsg && replyMsg.text"></message-one-line>
v-if="replyMsg && replyMsg.messageType === V2NIMConst.V2NIMMessageType.V2NIM_MESSAGE_TYPE_TEXT"
:text="replyMsg && replyMsg.text"></message-one-line>
<div v-else> <div v-else>
{{ "[" + REPLY_MSG_TYPE_MAP[replyMsg && replyMsg.messageType] + "]" }} {{ "[" + REPLY_MSG_TYPE_MAP[replyMsg && replyMsg.messageType] + "]" }}
</div> </div>
@ -53,8 +49,7 @@
</div> </div>
</div> --> </div> -->
<div class="g_flex_c"> <div class="g_flex_c">
<div @tap="handleAudioVisible" v-if="!isWeb && false" class="msg-input-button g_p_5" <div @tap="handleAudioVisible" v-if="!isWeb && false" class="msg-input-button g_p_5" style="padding-right: 7px; padding-left: 10px">
style="padding-right: 7px; padding-left: 10px">
<Icon v-if="audioPanelVisible" :size="28" type="audio-btn-selected" key="audio-btn-selected" /> <Icon v-if="audioPanelVisible" :size="28" type="audio-btn-selected" key="audio-btn-selected" />
<Icon v-else :size="28" type="icon-audio" key="icon-audio" /> <Icon v-else :size="28" type="icon-audio" key="icon-audio" />
</div> </div>
@ -69,22 +64,14 @@
</div> </div>
<!--键盘高度{{keyHeight}} 输入框距离底部距离{{writeStyle}}屏幕高度{{screenHeight}}顶部聊天区域高度{{msgKeyHeight}}--> <!--键盘高度{{keyHeight}} 输入框距离底部距离{{writeStyle}}屏幕高度{{screenHeight}}顶部聊天区域高度{{msgKeyHeight}}-->
<input v-show="!showEmojiInput" :focus="isFocus" class="msg-input-input g_flex_1" <input v-show="!showEmojiInput" :focus="isFocus" class="msg-input-input g_flex_1" :maxlength="-1" :placeholder="isTeamMute ? t('teamMutePlaceholder') : t('chatInputPlaceHolder')" v-model="inputText" type="text" :disabled="isTeamMute" :confirm-hold="true" cursor-spacing="20" :adjust-position="pushUp" confirm-type="send" @keyboardheightchange="keyboardheightchange" @confirm="handleSendTextMsg" @blur="handleInputBlur" @input="handleInput" id="msg-input" />
:maxlength="-1"
:placeholder="isTeamMute ? t('teamMutePlaceholder') : t('chatInputPlaceHolder')"
v-model="inputText" type="text" :disabled="isTeamMute" :confirm-hold="true"
cursor-spacing="20" :adjust-position="pushUp" confirm-type="send"
@keyboardheightchange="keyboardheightchange" @confirm="handleSendTextMsg"
@blur="handleInputBlur" @input="handleInput" id="msg-input" />
</div> </div>
<div class="msg-input-button" v-if="false"> <div class="msg-input-button" v-if="false">
<Icon @tap="handleEmojiVisible" class="g_p_6" style="padding-right: 5px" :size="28" <Icon @tap="handleEmojiVisible" class="g_p_6" style="padding-right: 5px" :size="28" type="icon-biaoqing" />
type="icon-biaoqing" />
</div> </div>
<div class="msg-input-button"> <div class="msg-input-button">
<Icon @tap="handleSendMoreVisible" class="g_p_6" style="padding-left: 5px; padding-right: 8px" <Icon @tap="handleSendMoreVisible" class="g_p_6" style="padding-left: 5px; padding-right: 8px" type="send-more" :size="28" />
type="send-more" :size="28" />
</div> </div>
</div> </div>
<!-- 表情面板 --> <!-- 表情面板 -->
@ -117,15 +104,13 @@
</div> </div>
<div class="icon-text">{{ t("albumText") }}</div> <div class="icon-text">{{ t("albumText") }}</div>
</div> </div>
<div class="send-more-panel-item-wrapper" <div class="send-more-panel-item-wrapper" v-if="isApp && props.conversationType !== V2NIMConst.V2NIMConversationType.V2NIM_CONVERSATION_TYPE_TEAM">
v-if="isApp && props.conversationType !== V2NIMConst.V2NIMConversationType.V2NIM_CONVERSATION_TYPE_TEAM">
<div class="send-more-panel-item" @tap="handleCall(1)"> <div class="send-more-panel-item" @tap="handleCall(1)">
<Icon type="icon-audio-call" :size="30"></Icon> <Icon type="icon-audio-call" :size="30"></Icon>
</div> </div>
<div class="icon-text">{{ t("voiceCallText") }}</div> <div class="icon-text">{{ t("voiceCallText") }}</div>
</div> </div>
<div class="send-more-panel-item-wrapper" <div class="send-more-panel-item-wrapper" v-if="isApp && props.conversationType !== V2NIMConst.V2NIMConversationType.V2NIM_CONVERSATION_TYPE_TEAM">
v-if="isApp && props.conversationType !== V2NIMConst.V2NIMConversationType.V2NIM_CONVERSATION_TYPE_TEAM">
<div class="send-more-panel-item" @tap="() => handleCall(2)"> <div class="send-more-panel-item" @tap="() => handleCall(2)">
<Icon type="icon-video-call" :size="30"></Icon> <Icon type="icon-video-call" :size="30"></Icon>
</div> </div>
@ -143,7 +128,12 @@
</div> </div>
<div class="icon-text">{{ t("customText") }}</div> <div class="icon-text">{{ t("customText") }}</div>
</div> </div>
<div class="send-more-panel-item-wrapper" v-if="corpUserFlag">
<div class="send-more-panel-item" @tap="(event) => handleSendJob()">
<Icon type="icon-touxiang5" :size="30"></Icon>
</div>
<div class="icon-text">{{ "发送职位" }}</div>
</div>
<div class="send-more-panel-item-wrapper"> <div class="send-more-panel-item-wrapper">
<div class="send-more-panel-item" @tap="(event) => handleSetting()"> <div class="send-more-panel-item" @tap="(event) => handleSetting()">
<Icon type="icon-shezhi" :size="30"></Icon> <Icon type="icon-shezhi" :size="30"></Icon>
@ -157,8 +147,7 @@
</div> </div>
</div> </div>
<!-- @消息相关 popup --> <!-- @消息相关 popup -->
<UniPopup ref="popupRef" background-color="#ffffff" type="bottom" mask-background-color="rgba(0,0,0,0.4)" <UniPopup ref="popupRef" background-color="#ffffff" type="bottom" mask-background-color="rgba(0,0,0,0.4)" @change="onPopupChange">
@change="onPopupChange">
<MentionMemberList :team-id="to"></MentionMemberList> <MentionMemberList :team-id="to"></MentionMemberList>
</UniPopup> </UniPopup>
</div> </div>
@ -169,7 +158,7 @@
import Face from "./face.vue"; import Face from "./face.vue";
import VoicePanel from "./voice-panel.vue"; import VoicePanel from "./voice-panel.vue";
import Icon from "../../../components/Icon.vue"; import Icon from "../../../components/Icon.vue";
import { ref, getCurrentInstance, computed, onUnmounted, onMounted, defineProps, withDefaults } from "../../../utils/transformVue"; import { ref, getCurrentInstance, computed, onUnmounted, onMounted, defineProps, withDefaults, defineEmits } from "../../../utils/transformVue";
import { ALLOW_AT, events, REPLY_MSG_TYPE_MAP } from "../../../utils/constants"; import { ALLOW_AT, events, REPLY_MSG_TYPE_MAP } from "../../../utils/constants";
import { emojiMap } from "../../../utils/emoji"; import { emojiMap } from "../../../utils/emoji";
import { t } from "../../../utils/i18n"; import { t } from "../../../utils/i18n";
@ -199,10 +188,11 @@
replyMsgsMap?: { replyMsgsMap?: {
[key: string]: V2NIMMessageForUI; [key: string]: V2NIMMessageForUI;
}; };
jobListShow: Boolean;
}>(), }>(),
{} {}
); );
const emits = defineEmits(["jobListShow"]);
const conversationId = props.conversationType === V2NIMConst.V2NIMConversationType.V2NIM_CONVERSATION_TYPE_P2P ? uni.$UIKitNIM.V2NIMConversationIdUtil.p2pConversationId(props.to) : uni.$UIKitNIM.V2NIMConversationIdUtil.teamConversationId(props.to); const conversationId = props.conversationType === V2NIMConst.V2NIMConversationType.V2NIM_CONVERSATION_TYPE_P2P ? uni.$UIKitNIM.V2NIMConversationIdUtil.p2pConversationId(props.to) : uni.$UIKitNIM.V2NIMConversationIdUtil.teamConversationId(props.to);
const inputText = ref(""); const inputText = ref("");
@ -360,28 +350,22 @@
const isIOS = ref(false); const isIOS = ref(false);
writeStyle.value = "bottom:0"; writeStyle.value = "bottom:0";
// #ifdef MP-WEIXIN // #ifdef MP-WEIXIN
const pushUp = ref(false) const pushUp = ref(false);
// #endif // #endif
// #ifdef APP-PLUS // #ifdef APP-PLUS
const pushUp = ref(true) const pushUp = ref(true);
// #endif // #endif
const keyHeight = ref(350); const keyHeight = ref(350);
const msgKeyHeight = ref('100%') const msgKeyHeight = ref("100%");
const keyboardheightchange = (e) => { const keyboardheightchange = (e) => {
// console.log("键盘高度键盘高度键盘高度键盘高度键盘高度键盘高度键盘高度", e.detail.height); // console.log("键盘高度键盘高度键盘高度键盘高度键盘高度键盘高度键盘高度", e.detail.height);
keyHeight.value = e.detail.height; keyHeight.value = e.detail.height;
uni.$emit(events.KeyboardEvent, e.detail.height); uni.$emit(events.KeyboardEvent, e.detail.height);
uni.$emit('KeyboardHeight', e.detail.height); uni.$emit("KeyboardHeight", e.detail.height);
if (e.detail.height === 0) { if (e.detail.height === 0) {
writeStyle.value = "bottom: 0"; writeStyle.value = "bottom: 0";
@ -390,17 +374,15 @@
} else { } else {
uni.$emit(events.KeyboardEvent, 0); uni.$emit(events.KeyboardEvent, 0);
} }
uni.$emit('msgKeyHeight', '100%'); uni.$emit("msgKeyHeight", "100%");
} else { } else {
emojiVisible.value = false; emojiVisible.value = false;
extVisible.value = false; extVisible.value = false;
audioPanelVisible.value = false; audioPanelVisible.value = false;
sendMoreVisible.value = false; sendMoreVisible.value = false;
msgKeyHeight.value = screenHeight.value - keyHeight.value msgKeyHeight.value = screenHeight.value - keyHeight.value;
uni.$emit('msgKeyHeight', msgKeyHeight.value); uni.$emit("msgKeyHeight", msgKeyHeight.value);
// #ifdef MP-WEIXIN // #ifdef MP-WEIXIN
writeStyle.value = `bottom: calc(${e.detail.height}px - env(safe-area-inset-bottom))`; writeStyle.value = `bottom: calc(${e.detail.height}px - env(safe-area-inset-bottom))`;
@ -415,15 +397,11 @@
// #endif // #endif
} }
// } // }
}; };
const handleInputBlur = () => { const handleInputBlur = () => {
isFocus.value = false; isFocus.value = false;
uni.$emit('msgKeyHeight', '100%'); uni.$emit("msgKeyHeight", "100%");
}; };
// 滚动到底部 // 滚动到底部
@ -513,7 +491,10 @@
}, },
}); });
}; };
const handleSendJob = () => {
console.log("props.jobListShow", props.jobListShow);
emits("jobListShow", true);
};
const handleSendCustomMsg = () => { const handleSendCustomMsg = () => {
const customMsg = uni.$UIKitNIM.V2NIMMessageCreator.createCustomMessage( const customMsg = uni.$UIKitNIM.V2NIMMessageCreator.createCustomMessage(
"这是PGQ的自定义消息", "这是PGQ的自定义消息",
@ -540,7 +521,6 @@
// 显示表情面板 // 显示表情面板
const handleEmojiVisible = () => { const handleEmojiVisible = () => {
showEmojiInput.value = true; showEmojiInput.value = true;
extVisible.value = true; extVisible.value = true;
@ -575,8 +555,6 @@
// }, 300) // }, 300)
}; };
// 删除表情 // 删除表情
const handleEmojiDelete = () => { const handleEmojiDelete = () => {
let target = ""; let target = "";
@ -863,23 +841,21 @@
}); });
} }
uni.$on("msgHeight", (res) => {
uni.$on('msgHeight', (res) => {
// console.log('inputinputinputinputinputinputinputinput') // console.log('inputinputinputinputinputinputinputinput')
// console.log(res) // console.log(res)
msgHeight.value = res msgHeight.value = res;
}) });
uni.$on('screenHeight', (res) => { uni.$on("screenHeight", (res) => {
// console.log(res) // console.log(res)
if (res) { if (res) {
screenHeight.value = res screenHeight.value = res;
} else { } else {
screenHeight.value = uni.getSystemInfoSync().windowHeight screenHeight.value = uni.getSystemInfoSync().windowHeight;
} }
}) });
isTeamMute.value = false
isTeamMute.value = false;
}); });
// // 点击表情 // // 点击表情
// const handleEmoji = (emoji: { key: string; type: string }) => { // const handleEmoji = (emoji: { key: string; type: string }) => {
@ -895,8 +871,6 @@
} }
}; };
const onAtMembersExtHandler = () => { const onAtMembersExtHandler = () => {
let ext: YxServerExt; let ext: YxServerExt;
if (selectedAtMembers.value.length) { if (selectedAtMembers.value.length) {
@ -969,8 +943,6 @@
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
.input-root { .input-root {
width: 100%; width: 100%;
display: flex; display: flex;

Write Preview
Loading…
Cancel
Save