Merge branch 'wyfMain-dev'
Some checks are pending
Check / lint (push) Waiting to run
Check / typecheck (push) Waiting to run
Check / build (build, 18.x, ubuntu-latest) (push) Waiting to run
Check / build (build, 18.x, windows-latest) (push) Waiting to run
Check / build (build:app, 18.x, ubuntu-latest) (push) Waiting to run
Check / build (build:app, 18.x, windows-latest) (push) Waiting to run
Check / build (build:mp-weixin, 18.x, ubuntu-latest) (push) Waiting to run
Check / build (build:mp-weixin, 18.x, windows-latest) (push) Waiting to run

This commit is contained in:
wangyifeng 2025-03-20 14:52:23 +08:00
commit 9e8e3aeba3
12 changed files with 372 additions and 225 deletions

2
components.d.ts vendored
View File

@ -30,6 +30,8 @@ declare module 'vue' {
LoginMessage: typeof import('./src/components/talk/message/LoginMessage.vue')['default'] LoginMessage: typeof import('./src/components/talk/message/LoginMessage.vue')['default']
Message: typeof import('./src/components/x-message/message/index.vue')['default'] Message: typeof import('./src/components/x-message/message/index.vue')['default']
MixedMessage: typeof import('./src/components/talk/message/MixedMessage.vue')['default'] MixedMessage: typeof import('./src/components/talk/message/MixedMessage.vue')['default']
NButton: typeof import('naive-ui')['NButton']
NIcon: typeof import('naive-ui')['NIcon']
PageAnimation: typeof import('./src/components/page-animation/index.vue')['default'] PageAnimation: typeof import('./src/components/page-animation/index.vue')['default']
RevokeMessage: typeof import('./src/components/talk/message/RevokeMessage.vue')['default'] RevokeMessage: typeof import('./src/components/talk/message/RevokeMessage.vue')['default']
RouterLink: typeof import('vue-router')['RouterLink'] RouterLink: typeof import('vue-router')['RouterLink']

View File

@ -14,6 +14,7 @@ import { vLoading } from '@/components/x-loading/index.js'
import messagePopup from '@/components/x-message/useMessagePopup' import messagePopup from '@/components/x-message/useMessagePopup'
import pageAnimation from '@/components/page-animation/index.vue' import pageAnimation from '@/components/page-animation/index.vue'
import * as plugins from './plugins' import * as plugins from './plugins'
import { useDialogueStore, useTalkStore } from '@/store'
const { showMessage } = messagePopup() const { showMessage } = messagePopup()
dayjs.locale('zh-cn') dayjs.locale('zh-cn')
if (import.meta.env.VITE_SHOW_CONSOLE === 'true') { if (import.meta.env.VITE_SHOW_CONSOLE === 'true') {
@ -40,6 +41,41 @@ export function createApp() {
}) })
}, },
}) })
//获取当前聊天页面所在页面并通过当前的receiver_id判断是否要创建本地通知栏消息
window.getCurrentChatRoute = (msg) => {
let pushMsg = JSON.parse(decodeURIComponent(msg))
//当前所在聊天会话的receiver_id
const receiver_id = pushMsg?.payload?.receiver_id
// 获取当前页面路径
const pages = getCurrentPages()
const page = pages[pages.length - 1]
console.log(page.route)
const dialogueStore = useDialogueStore()
console.log(dialogueStore?.talk?.receiver_id)
if (
page?.route === 'pages/dialog/index' &&
receiver_id === dialogueStore?.talk?.receiver_id
) {
return
}
let OAWebView = plus.webview.all()
//all里面第一个是入口webview
OAWebView[0].evalJS(`doCreatePushMessage('${msg}')`)
}
//处理聊天推送弹窗点开
window.openUniPushMsg = (msg) => {
console.log("=====点击通知栏消息")
let pushMsg = JSON.parse(decodeURIComponent(msg))
console.log("=====pushMsg",pushMsg)
//由于弹窗前处理了不该弹窗的场景,因此这里弹窗可以一并处理
//也就是都跳转到聊天页面
const talkStore = useTalkStore()
talkStore.toTalk(pushMsg?.payload?.talk_type, pushMsg?.payload?.receiver_id)
}
window.message = ['success', 'error', 'warning'].reduce((acc, type) => { window.message = ['success', 'error', 'warning'].reduce((acc, type) => {
acc[type] = (message) => { acc[type] = (message) => {
if (typeof message === 'string') { if (typeof message === 'string') {

View File

@ -381,7 +381,7 @@ const handleClickItem = (item) => {
} }
if(props?.manageType === 'searchRecord'){ if(props?.manageType === 'searchRecord'){
uni.navigateTo({ uni.navigateTo({
url: '/pages/search/searchByCondition/index?condition=member' url: '/pages/search/searchByCondition/index?condition=member&groupMemberId=' + item.id
}) })
return return
} }

View File

@ -504,8 +504,7 @@ const toSearchByConditionPage = (flag) => {
condition = 'link' condition = 'link'
} }
uni.navigateTo({ uni.navigateTo({
url: url: '/pages/search/searchByCondition/index?condition=' + condition,
'/pages/search/searchByCondition/index?condition=' + condition
}) })
} }
} }
@ -644,7 +643,8 @@ const toSearchPage = () => {
'/pages/search/moreResult/moreResultDetail?talk_type=' + '/pages/search/moreResult/moreResultDetail?talk_type=' +
dialogueParams.type + dialogueParams.type +
'&receiver_id=' + '&receiver_id=' +
dialogueParams.receiver_id, dialogueParams.receiver_id +
'&hideFirstRecord=1',
}) })
} }
</script> </script>

View File

@ -561,13 +561,18 @@ const state = ref({
useCustomLoadMore: false, //使 useCustomLoadMore: false, //使
recordDate: "", // recordDate: "", //
serveFindRecord: [], // serveFindRecord: [], //
}); middleMsg: {}, //使
keepDialogInfo: false, //
})
uniOnload(async (options) => { uniOnload(async (options) => {
console.log("onLoad" + options); console.log('onLoad' + JSON.stringify(options))
if (options.sessionId) { if (options.sessionId) {
state.value.sessionId = options.sessionId; state.value.sessionId = options.sessionId;
} }
if (options.keepDialogInfo) {
state.value.keepDialogInfo = options.keepDialogInfo === '1' ? true : false
}
if (options.msgInfo) { if (options.msgInfo) {
const msgInfo = JSON.parse(decodeURIComponent(options.msgInfo)); const msgInfo = JSON.parse(decodeURIComponent(options.msgInfo));
queryRecordsByMsgInfo(msgInfo); queryRecordsByMsgInfo(msgInfo);
@ -970,11 +975,11 @@ const withdrawerConfirm = () => {
// //
const canEditRevokedMessage = (item) => { const canEditRevokedMessage = (item) => {
console.log(item); // console.log(item)
if (item.is_revoke === 1 && item.msg_type === 1) { if (item.is_revoke === 1 && item.msg_type === 1) {
const now = new Date().getTime(); const now = new Date().getTime()
const revokeTime = new Date(item.created_at).getTime(); const revokeTime = new Date(item.created_at).getTime()
console.log(now); // console.log(now)
// 5 // 5
return now - revokeTime <= 5 * 60 * 1000; return now - revokeTime <= 5 * 60 * 1000;
} }
@ -1095,14 +1100,17 @@ watch(
state.value.localPageLoadDone = true; state.value.localPageLoadDone = true;
return; return;
} }
if ( //
newValue[newValue.length - 1]?.sequence === if (!state.value.useCustomLoadMore) {
dialogueList?.records?.[0]?.sequence if (
) { newValue[newValue.length - 1]?.sequence ===
// dialogueList?.records?.[0]?.sequence
state.value.localPageLoadDone = true; ) {
} else { //
state.value.localPageLoadDone = false; state.value.localPageLoadDone = true
} else {
state.value.localPageLoadDone = false
}
} }
} }
}, },
@ -1130,7 +1138,13 @@ const onScrollToLower = async () => {
); );
console.log(moreRecords); console.log(moreRecords);
virtualList.value = moreRecords.concat(tempVirtualList).reverse(); //
const formattedMoreRecords = moreRecords.map((item) => ({
...item,
float: item.user_id === talkParams.uid ? 'right' : 'left',
}))
virtualList.value = formattedMoreRecords.concat(tempVirtualList).reverse()
console.log(virtualList.value); console.log(virtualList.value);
} else { } else {
@ -1174,12 +1188,19 @@ const onScrollToUpper = async () => {
const moreRecords = await findTalkRecords( const moreRecords = await findTalkRecords(
"", "",
false, false,
tempVirtualList[tempVirtualList.length - 1].sequence tempVirtualList[tempVirtualList.length - 1].sequence,
); )
console.log(moreRecords); console.log(moreRecords)
//
const formattedMoreRecords = moreRecords.map((item) => ({
...item,
float: item.user_id === talkParams.uid ? 'right' : 'left',
}))
virtualList.value = tempVirtualList virtualList.value = tempVirtualList
.concat(moreRecords.reverse()) .concat(formattedMoreRecords.reverse())
.reverse(); .reverse()
console.log(virtualList.value); console.log(virtualList.value);
@ -1307,8 +1328,9 @@ const getMentionSelectLists = (mentionSelectList) => {
//msgsequence //msgsequence
const queryRecordsByMsgInfo = async (msgInfo) => { const queryRecordsByMsgInfo = async (msgInfo) => {
console.log(msgInfo); console.log(msgInfo)
const dialogueList = getDialogueList(talkParams.index_name); state.value.middleMsg = msgInfo
const dialogueList = getDialogueList(talkParams.index_name)
const recordIndex = dialogueList?.records?.findIndex( const recordIndex = dialogueList?.records?.findIndex(
(record) => record.msg_id === msgInfo.msg_id (record) => record.msg_id === msgInfo.msg_id
); );
@ -1324,6 +1346,15 @@ const queryRecordsByMsgInfo = async (msgInfo) => {
// console.log(recordIndex-startRecordIndex) // console.log(recordIndex-startRecordIndex)
recordsList = dialogueList.records.slice(startRecordIndex, endRecordIndex); recordsList = dialogueList.records.slice(startRecordIndex, endRecordIndex);
} }
// float
recordsList = recordsList.map((item) => {
return {
...item,
float: item.user_id === talkParams.uid ? 'right' : 'left',
}
})
nextTick(() => { nextTick(() => {
zpagingRef.value.complete(recordsList.reverse()); zpagingRef.value.complete(recordsList.reverse());
loadConfig.status = dialogueList?.records?.[0]?.sequence > 1 ? 1 : 2; loadConfig.status = dialogueList?.records?.[0]?.sequence > 1 ? 1 : 2;
@ -1374,8 +1405,9 @@ const findTalkRecords = (record, isMiddle, sequence, appointParams) => {
start_time: "", start_time: "",
end_time: "", end_time: "",
group_member_user_id: 0, //id group_member_user_id: 0, //id
sort_sequence: "asc", sort_sequence: 'asc',
}; create_time: state.value.middleMsg.created_at,
}
if (record) { if (record) {
params = Object.assign({}, params, { params = Object.assign({}, params, {
start_time: record, start_time: record,
@ -1473,8 +1505,8 @@ const rpxToPx = (rpx) => {
}; };
onUnmounted(() => { onUnmounted(() => {
if (!state.value.recordDate) { if (!state.value.keepDialogInfo) {
dialogueStore.setDialogue({}); dialogueStore.setDialogue({})
} }
clearMultiSelect(); clearMultiSelect();
}); });

View File

@ -1,43 +1,50 @@
<template> <template>
<div> <div>
<wd-swipe-action class="swipe_action"> <wd-swipe-action class="swipe_action">
<div <div
@click="cellClick" @click="cellClick"
:class="['chatItem', props.data.is_top === 1 ? 'isTop' : '']" :class="['chatItem', props.data.is_top === 1 ? 'isTop' : '']"
> >
<div class="avatarImg"> <div class="avatarImg">
<tm-badge <tm-badge
:count="props.data.is_disturb === 1 ? props.data.unread_num : ''" :count="props.data.is_disturb === 1 ? props.data.unread_num : ''"
:dot="props.data.is_disturb === 0 && props.data.unread_num" :dot="
:maxCount="99" props.data.is_disturb === 0 && props.data.unread_num
class="badge" ? true
color="#D03050" : false
> "
<avatarModule :maxCount="99"
:mode="props?.data?.group_type === 0 ? 1 : 2" class="badge"
:avatar="props?.data?.avatar" color="#D03050"
:groupType="props?.data?.group_type" >
:userName="props?.data?.name" <avatarModule
:customStyle="{ :mode="props?.data?.group_type === 0 ? 1 : 2"
width: '96rpx', :avatar="props?.data?.avatar"
height: '96rpx', :groupType="props?.data?.group_type"
}" :userName="props?.data?.name"
:customTextStyle="{ :customStyle="{
fontSize: '32rpx', width: '96rpx',
fontWeight: 'bold', height: '96rpx',
color: '#fff', }"
lineHeight: '44rpx', :customTextStyle="{
}" fontSize: '32rpx',
></avatarModule> fontWeight: 'bold',
</tm-badge> color: '#fff',
</div> lineHeight: '44rpx',
<div class="chatInfo"> }"
<div class="chatInfo_1"> ></avatarModule>
<div class="name_center"> </tm-badge>
<div class="text-[#000000] text-[32rpx] </div>
font-bold opacity-90 name_text"> <div class="chatInfo">
<div class="chatInfo_1">
<div class="name_center">
<div
class="text-[#000000] text-[32rpx] font-bold opacity-90 name_text"
>
{{ formatNameText(props.data.name) }} {{ formatNameText(props.data.name) }}
<span v-if="props.data.talk_type === 2">{{props.data.group_member_num}}</span> <span v-if="props.data.talk_type === 2">
{{ props.data.group_member_num }}
</span>
<span v-if="props.data.group_type === 2" class="depTag tag"> <span v-if="props.data.group_type === 2" class="depTag tag">
部门 部门
</span> </span>
@ -48,153 +55,153 @@
公司 公司
</span> </span>
</div> </div>
</div>
</div> <div
<div style="flex-shrink: 0;" style="flex-shrink: 0;"
class="text-[#000000] text-[28rpx] font-medium opacity-26 ml-[24rpx] time_right" class="text-[#000000] text-[28rpx] font-medium opacity-26 ml-[24rpx] time_right"
> >
{{ beautifyTime(props.data.updated_at) }} {{ beautifyTime(props.data.updated_at) }}
</div> </div>
</div> </div>
<div class="chatInfo_2 w-full mr-[6rpx]"> <div class="chatInfo_2 w-full mr-[6rpx]">
<div class="w-full chatInfo_2_1 textEllipsis"> <div class="w-full chatInfo_2_1 textEllipsis">
{{ props.data.msg_text }} {{ props.data.msg_text }}
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<template #right> <template #right>
<div class="flex flex-row flex-row-center-end"> <div class="flex flex-row flex-row-center-end">
<!-- 样式占位 --> <!-- 样式占位 -->
<div style="width: 1px"></div> <div style="width: 1px;"></div>
<div <div
@click="handleTop" @click="handleTop"
class="w-[156rpx] h-[154rpx] text-[#ffffff] bg-[#F09F1F] flex items-center justify-center" class="w-[156rpx] h-[154rpx] text-[#ffffff] bg-[#F09F1F] flex items-center justify-center"
> >
{{ props.data.is_top === 1 ? "取消置顶" : "置顶" }} {{ props.data.is_top === 1 ? '取消置顶' : '置顶' }}
</div> </div>
<div <div
@click="handleDelete" @click="handleDelete"
class="w-[156rpx] h-[154rpx] text-[#ffffff] bg-[#CF3050] flex items-center justify-center" class="w-[156rpx] h-[154rpx] text-[#ffffff] bg-[#CF3050] flex items-center justify-center"
> >
删除 删除
</div> </div>
</div> </div>
</template> </template>
</wd-swipe-action> </wd-swipe-action>
<div <div
v-if="props.index !== talkStore.talkItems.length - 1" v-if="props.index !== talkStore.talkItems.length - 1"
class="divider" class="divider"
></div> ></div>
</div> </div>
</template> </template>
<script setup> <script setup>
import avatarModule from "@/components/avatar-module/index.vue"; import avatarModule from '@/components/avatar-module/index.vue'
import { ref, reactive, defineProps, computed } from "vue"; import { ref, reactive, defineProps, computed } from 'vue'
import dayjs from "dayjs"; import dayjs from 'dayjs'
import { beautifyTime } from "@/utils/datetime"; import { beautifyTime } from '@/utils/datetime'
import { ServeClearTalkUnreadNum } from "@/api/chat"; import { ServeClearTalkUnreadNum } from '@/api/chat'
import { useTalkStore, useDialogueStore } from "@/store"; import { useTalkStore, useDialogueStore } from '@/store'
import { useSessionMenu } from "@/hooks"; import { useSessionMenu } from '@/hooks'
const talkStore = useTalkStore(); const talkStore = useTalkStore()
const { onToTopTalk, onRemoveTalk } = useSessionMenu(); const { onToTopTalk, onRemoveTalk } = useSessionMenu()
const dialogueStore = useDialogueStore(); const dialogueStore = useDialogueStore()
const props = defineProps({ const props = defineProps({
data: { data: {
type: Object, type: Object,
default: {}, default: {},
required: true, required: true,
}, },
index: { index: {
type: Number, type: Number,
default: -1, default: -1,
required: true, required: true,
}, },
}); })
// //
const formatNameText = (text, maxLength = 16) => { const formatNameText = (text, maxLength = 16) => {
return text.length > maxLength ? `${text.slice(0, maxLength - 1)}...` : text; return text.length > maxLength ? `${text.slice(0, maxLength - 1)}...` : text
}; }
const cellClick = () => { const cellClick = () => {
console.log(props.data); console.log(props.data)
// //
dialogueStore.setDialogue(props.data); dialogueStore.setDialogue(props.data)
// //
if (props.data.unread_num > 0) { if (props.data.unread_num > 0) {
ServeClearTalkUnreadNum({ ServeClearTalkUnreadNum({
talk_type: props.data.talk_type, talk_type: props.data.talk_type,
receiver_id: props.data.receiver_id, receiver_id: props.data.receiver_id,
}).then(() => { }).then(() => {
talkStore.updateItem({ talkStore.updateItem({
index_name: props.data.index_name, index_name: props.data.index_name,
unread_num: 0, unread_num: 0,
}); })
}); })
} }
uni.navigateTo({ uni.navigateTo({
url: `/pages/dialog/index?sessionId=${props.data.id}`, url: `/pages/dialog/index?sessionId=${props.data.id}`,
}); })
}; }
const handleTop = () => { const handleTop = () => {
console.log(props.data, 1); console.log(props.data, 1)
onToTopTalk(props.data); onToTopTalk(props.data)
}; }
// //
const handleDelete = () => { const handleDelete = () => {
console.log(props.data); console.log(props.data)
onRemoveTalk(props.data); onRemoveTalk(props.data)
}; }
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
::v-deep .swipe_action { ::v-deep .swipe_action {
// border: 1px solid #fff; // border: 1px solid #fff;
// transform: translate3d(1px, 0px, 0px) !important; // transform: translate3d(1px, 0px, 0px) !important;
} }
::v-deep .badge .round-6{ ::v-deep .badge .round-6 {
min-width: 22rpx; min-width: 22rpx;
min-height: 22rpx; min-height: 22rpx;
} }
.chatItem { .chatItem {
width: 100%; width: 100%;
height: 154rpx; height: 154rpx;
padding: 30rpx 16rpx; padding: 30rpx 16rpx;
display: flex; display: flex;
align-items: center; align-items: center;
&.isTop { &.isTop {
background-color: #f3f3f3; background-color: #f3f3f3;
} }
} }
.chatInfo { .chatInfo {
flex: 1; flex: 1;
margin-left: 20rpx; margin-left: 20rpx;
} }
.chatInfo_1 { .chatInfo_1 {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
} }
.chatInfo_2 { .chatInfo_2 {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
margin-top: 6rpx; margin-top: 6rpx;
} }
.chatInfo_2_1 { .chatInfo_2_1 {
font-size: 28rpx; font-size: 28rpx;
color: rgba($color: #000000, $alpha: 0.4); color: rgba($color: #000000, $alpha: 0.4);
} }
.tag{ .tag {
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
text-align: center; text-align: center;
@ -209,22 +216,22 @@ const handleDelete = () => {
font-weight: bold; font-weight: bold;
} }
.companyTag { .companyTag {
border: 1px solid #7a58de; border: 1px solid #7a58de;
color: #7a58de; color: #7a58de;
} }
.depTag { .depTag {
border: 1px solid #377ec6; border: 1px solid #377ec6;
color: #377ec6; color: #377ec6;
} }
.projectTag { .projectTag {
border: 1px solid #c1681c; border: 1px solid #c1681c;
color: #c1681c; color: #c1681c;
} }
.name_center{ .name_center {
flex: 1; flex: 1;
min-width: 0; min-width: 0;
} }
.name_text{ .name_text {
display: inline-block; display: inline-block;
max-height: 88rpx; // max-height: 88rpx; //
line-height: 44rpx; line-height: 44rpx;
@ -236,23 +243,23 @@ const handleDelete = () => {
word-break: break-all; word-break: break-all;
} }
.time_right { .time_right {
/* white-space: nowrap; /* white-space: nowrap;
max-width: 146rpx; */ max-width: 146rpx; */
flex: 0 0 auto; /* 不伸缩,保持内容宽度 */ flex: 0 0 auto; /* 不伸缩,保持内容宽度 */
white-space: nowrap; white-space: nowrap;
} }
.textEllipsis { .textEllipsis {
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
display: -webkit-box; display: -webkit-box;
-webkit-line-clamp: 1; -webkit-line-clamp: 1;
-webkit-box-orient: vertical; -webkit-box-orient: vertical;
} }
.divider { .divider {
background-color: rgba(243, 243, 243, 1); background-color: rgba(243, 243, 243, 1);
height: 1rpx; height: 1rpx;
margin: 0 18rpx; margin: 0 18rpx;
} }
</style> </style>

View File

@ -125,6 +125,7 @@ import { ref, watch, computed } from 'vue'
import { onShow, onLoad } from '@dcloudio/uni-app' import { onShow, onLoad } from '@dcloudio/uni-app'
import { useChatList } from '@/store/chatList/index.js' import { useChatList } from '@/store/chatList/index.js'
import { useAuth } from '@/store/auth' import { useAuth } from '@/store/auth'
import { ServeClearTalkUnreadNum } from '@/api/chat'
import { useTalkStore, useUserStore, useDialogueStore } from '@/store' import { useTalkStore, useUserStore, useDialogueStore } from '@/store'
import chatItem from './components/chatItem.vue' import chatItem from './components/chatItem.vue'
import addCircle from '@/static/image/chatList/addCircle.png' import addCircle from '@/static/image/chatList/addCircle.png'
@ -237,21 +238,23 @@ onLoad((options) => {
if (items?.value?.length > 0) { if (items?.value?.length > 0) {
items.value.forEach((openSession) => { items.value.forEach((openSession) => {
if (openSession.index_name === options?.openSessionIndexName) { if (openSession.index_name === options?.openSessionIndexName) {
dialogueStore.setDialogue(openSession) setTimeout(() => {
if (openSession.unread_num > 0) { dialogueStore.setDialogue(openSession)
ServeClearTalkUnreadNum({ if (openSession.unread_num > 0) {
talk_type: openSession.talk_type, ServeClearTalkUnreadNum({
receiver_id: openSession.receiver_id, talk_type: openSession.talk_type,
}).then(() => { receiver_id: openSession.receiver_id,
talkStore.updateItem({ }).then(() => {
index_name: openSession.index_name, talkStore.updateItem({
unread_num: 0, index_name: openSession.index_name,
unread_num: 0,
})
}) })
}
uni.navigateTo({
url: `/pages/dialog/index?sessionId=${openSession.id}`,
}) })
} }, 500)
uni.navigateTo({
url: `/pages/dialog/index?sessionId=${openSession.id}`,
})
} }
}) })
} }

View File

@ -96,6 +96,7 @@ import {
import HighlightText from './highLightText.vue' import HighlightText from './highLightText.vue'
import { useI18n } from 'vue-i18n' import { useI18n } from 'vue-i18n'
import { beautifyTime } from '@/utils/datetime' import { beautifyTime } from '@/utils/datetime'
import { ChatMsgTypeMapping } from '@/constant/message'
const { t } = useI18n() const { t } = useI18n()
const props = defineProps({ const props = defineProps({
searchItem: Object | Number, searchItem: Object | Number,
@ -175,6 +176,13 @@ const keyMapping = {
name: 'receiver_name', name: 'receiver_name',
group_num: 'group_num', group_num: 'group_num',
}, },
search_by_member_condition: {
avatar: 'avatar',
name: 'nickname',
created_at: 'created_at',
msg_type: 'msg_type',
detailKey: 'chatMessageType',
},
} }
//key //key
const getKeyValue = (keys) => { const getKeyValue = (keys) => {
@ -254,6 +262,12 @@ const resultDetail = computed(() => {
case 'extra': case 'extra':
result_detail = props.searchItem?.extra result_detail = props.searchItem?.extra
break break
case 'chatMessageType':
result_detail =
props.searchItem?.msg_type === 1
? props.searchItem?.extra?.content
: ChatMsgTypeMapping[props.searchItem?.msg_type]
break
default: default:
result_detail = '' result_detail = ''
} }

View File

@ -36,7 +36,10 @@
</span> </span>
</div> </div>
</template> </template>
<div class="search-record-detail" v-if="props.searchRecordDetail"> <div
class="search-record-detail"
v-if="props.searchRecordDetail && !props?.hideFirstRecord"
>
<searchItem <searchItem
@click=" @click="
clickSearchItem( clickSearchItem(
@ -171,6 +174,10 @@ const props = defineProps({
return {} return {}
}, },
}, // }, //
hideFirstRecord: {
type: Boolean,
default: false,
}, ///
}) })
const { t } = useI18n() const { t } = useI18n()
@ -300,9 +307,9 @@ const queryAllSearch = (pageNum, searchResultPageSize) => {
) )
let total = data.count let total = data.count
if (props.searchRecordDetail) { if (props.searchRecordDetail) {
if(state?.first_talk_record_infos?.talk_type === 1){ if (state?.first_talk_record_infos?.talk_type === 1) {
total = data.user_record_count total = data.user_record_count
} else if (state?.first_talk_record_infos?.talk_type === 2){ } else if (state?.first_talk_record_infos?.talk_type === 2) {
total = data.group_record_count total = data.group_record_count
} }
} }
@ -394,7 +401,7 @@ const getHasMoreResult = (searchResultKey) => {
} }
break break
case 'general_infos': case 'general_infos':
if ( if (
state.searchResult['record_count'] && state.searchResult['record_count'] &&
state.searchResult['record_count'] > 3 state.searchResult['record_count'] > 3
) { ) {

View File

@ -7,6 +7,7 @@
:apiRequest="ServeTalkRecord" :apiRequest="ServeTalkRecord"
:apiParams="state.apiParams" :apiParams="state.apiParams"
:searchText="state.searchText" :searchText="state.searchText"
:hideFirstRecord="state.hideFirstRecord"
:isPagination="true" :isPagination="true"
:searchRecordDetail="true" :searchRecordDetail="true"
@lastIdChange="lastIdChange" @lastIdChange="lastIdChange"
@ -30,6 +31,7 @@ const state = reactive({
apiParams: '', apiParams: '',
searchText: '', searchText: '',
uid: computed(() => userStore.uid), //id uid: computed(() => userStore.uid), //id
hideFirstRecord: false, ///
}) })
onLoad((options) => { onLoad((options) => {
@ -55,6 +57,10 @@ onLoad((options) => {
} }
console.log(JSON.parse(decodeURIComponent(state.apiParams))) console.log(JSON.parse(decodeURIComponent(state.apiParams)))
if (options.hideFirstRecord) {
state.hideFirstRecord = options.hideFirstRecord === '1' ? true : false
}
}) })
//id //id
@ -116,7 +122,7 @@ const clickSearchItem = (
}) })
} else { } else {
uni.navigateTo({ uni.navigateTo({
url: '/pages/dialog/index?msgInfo=' + res, url: '/pages/dialog/index?msgInfo=' + res + '&keepDialogInfo=1',
}) })
} }
} }

View File

@ -9,6 +9,7 @@
:auto="false" :auto="false"
:loading-more-default-as-loading="true" :loading-more-default-as-loading="true"
:inside-more="true" :inside-more="true"
v-model="state.flatList"
> >
<template #top v-if="state.showPageTitle"> <template #top v-if="state.showPageTitle">
<customNavbar :title="state.pageTitle"></customNavbar> <customNavbar :title="state.pageTitle"></customNavbar>
@ -73,11 +74,7 @@
> >
<div <div
class="search-by-condition-input" class="search-by-condition-input"
v-if=" v-if="state.condition === 'file' || state.condition === 'link'"
state.condition === 'file' ||
state.condition === 'link' ||
state.condition === 'member'
"
> >
<customInput <customInput
:searchText="state.searchText" :searchText="state.searchText"
@ -117,11 +114,24 @@
v-for="(item, index) in conditionItem.monthResultList" v-for="(item, index) in conditionItem.monthResultList"
:key="index" :key="index"
:style="{ :style="{
border: state.condition === 'imgAndVideo' ? '0' : '', border:
state.condition === 'imgAndVideo' ||
state.condition === 'member'
? '0'
: '',
padding: padding:
state.condition === 'imgAndVideo' ? '0 0 10rpx' : '', state.condition === 'imgAndVideo' ? '0 0 10rpx' : '',
}" }"
> >
<div class="condition-result-member">
<searchItem
@click="toDialogueByMember(item)"
:searchResultKey="'search_by_member_condition'"
:searchItem="item"
:searchText="state.searchText"
:searchRecordDetail="true"
></searchItem>
</div>
<div <div
class="condition-result-imgAndVideo" class="condition-result-imgAndVideo"
v-if="state.condition === 'imgAndVideo'" v-if="state.condition === 'imgAndVideo'"
@ -295,6 +305,7 @@ const state = reactive({
cursor: 0, // cursor: 0, //
msg_type: 0, // msg_type: 0, //
group_member_id: 0, //id group_member_id: 0, //id
flatList: [], //
}) })
onLoad((options) => { onLoad((options) => {
@ -302,7 +313,10 @@ onLoad((options) => {
if (options.condition) { if (options.condition) {
state.condition = options.condition state.condition = options.condition
if (options.condition === 'member') { if (options.condition === 'member') {
// queryAllSearch() state.showPageTitle = true
state.pageTitle = t('search.condition.member')
state.group_member_id = options.groupMemberId
queryAllSearch()
} else if (options.condition === 'date') { } else if (options.condition === 'date') {
state.showPageTitle = true state.showPageTitle = true
state.pageTitle = t('search.condition.date') state.pageTitle = t('search.condition.date')
@ -426,6 +440,7 @@ const selectDate = async (e) => {
url: url:
'/pages/dialog/index?sessionId=' + '/pages/dialog/index?sessionId=' +
sessionId + sessionId +
'&keepDialogInfo=1' +
'&recordDate=' + '&recordDate=' +
parseTime(e, '{y}-{m}-{d}'), parseTime(e, '{y}-{m}-{d}'),
}) })
@ -557,18 +572,25 @@ const queryAllSearch = () => {
} else { } else {
noMore = true noMore = true
} }
console.log(dateList)
//
state.searchResultList = dateList
// z-paging
state.flatList = dateList.reduce((acc, group) => {
return acc.concat(group.monthResultList)
}, [])
if (state.cursor === 0) { if (state.cursor === 0) {
state.searchResultList = dateList zPaging.value?.complete(state.flatList)
zPaging.value?.complete(dateList)
} else { } else {
state.searchResultList = dateList zPaging.value?.completeByNoMore(state.flatList, noMore)
zPaging.value?.completeByNoMore(dateList, noMore)
} }
state.cursor = data?.cursor state.cursor = data?.cursor
} else { } else {
if (state.cursor === 0) { if (state.cursor === 0) {
state.searchResultList = [] state.searchResultList = []
state.flatList = []
} }
zPaging.value?.complete([]) zPaging.value?.complete([])
} }
@ -577,6 +599,7 @@ const queryAllSearch = () => {
resp.catch(() => { resp.catch(() => {
if (state.cursor === 0) { if (state.cursor === 0) {
state.searchResultList = [] state.searchResultList = []
state.flatList = []
} }
zPaging.value?.complete([]) zPaging.value?.complete([])
}) })
@ -637,6 +660,22 @@ const downloadAndOpenFile = (item) => {
}) })
dtask.start() dtask.start()
} }
//
const toDialogueByMember = async (msgInfo) => {
const sessionId = await getSessionId(
dialogueParams.talk_type,
dialogueParams.receiver_id,
)
uni.navigateTo({
url:
'/pages/dialog/index?sessionId=' +
sessionId +
'&keepDialogInfo=1' +
'&msgInfo=' +
encodeURIComponent(JSON.stringify(msgInfo)),
})
}
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
.search-by-date { .search-by-date {

View File

@ -144,6 +144,7 @@ export const useTalkStore = defineStore('talk', {
ServeCreateTalkList({ ServeCreateTalkList({
talk_type, talk_type,
receiver_id,
erp_user_id, erp_user_id,
}).then(({ code, data, message }) => { }).then(({ code, data, message }) => {
if (code == 200) { if (code == 200) {