354 lines
11 KiB
JavaScript
354 lines
11 KiB
JavaScript
|
"use strict";
|
|||
|
|
const common_vendor = require("../../../common/vendor.js");
|
|||
|
|
const common_assets = require("../../../common/assets.js");
|
|||
|
|
const components_public_eventBus = require("../../../components/public/event-bus.js");
|
|||
|
|
const utils_msgtype = require("../../../utils/msgtype.js");
|
|||
|
|
const pages_news_questionAnswer_fn = require("./fn.js");
|
|||
|
|
if (!Array) {
|
|||
|
|
const _easycom_uni_easyinput2 = common_vendor.resolveComponent("uni-easyinput");
|
|||
|
|
_easycom_uni_easyinput2();
|
|||
|
|
}
|
|||
|
|
const _easycom_uni_easyinput = () => "../../../uni_modules/uni-easyinput/components/uni-easyinput/uni-easyinput.js";
|
|||
|
|
if (!Math) {
|
|||
|
|
(common_vendor.unref(newsTempSystem) + common_vendor.unref(newsTemplate) + JyVoice + _easycom_uni_easyinput + JyPlus + emoji)();
|
|||
|
|
}
|
|||
|
|
const newsTempSystem = () => "./components/news-temp-system/index.js";
|
|||
|
|
const newsTemplate = () => "./components/news-temp/index.js";
|
|||
|
|
const emoji = () => "./emoji.js";
|
|||
|
|
const JyVoice = () => "./jy-voice.js";
|
|||
|
|
const JyPlus = () => "./jy-plus.js";
|
|||
|
|
const _sfc_main = {
|
|||
|
|
__name: "index",
|
|||
|
|
setup(__props) {
|
|||
|
|
const {
|
|||
|
|
userinfo
|
|||
|
|
} = common_vendor.useStore().state;
|
|||
|
|
const {
|
|||
|
|
showToastAndRedirect,
|
|||
|
|
format_url
|
|||
|
|
} = common_vendor.inject("util");
|
|||
|
|
const chatParams = common_vendor.reactive({
|
|||
|
|
from: null,
|
|||
|
|
to: null,
|
|||
|
|
chatType: null,
|
|||
|
|
ext: {
|
|||
|
|
from: {
|
|||
|
|
userNickname: null,
|
|||
|
|
userPortrait: null
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
common_vendor.provide("chatParams", chatParams);
|
|||
|
|
common_vendor.onMounted(() => {
|
|||
|
|
try {
|
|||
|
|
const msg = common_vendor.index.getStorageSync("toUser") || void 0;
|
|||
|
|
if (msg) {
|
|||
|
|
console.log(msg, "msg");
|
|||
|
|
switch (msg.msgType) {
|
|||
|
|
case utils_msgtype.msgType.chatType.SINGLE_CHAT:
|
|||
|
|
chatParams.to = msg.userId;
|
|||
|
|
break;
|
|||
|
|
case utils_msgtype.msgType.chatType.GROUP_CHAT:
|
|||
|
|
chatParams.to = msg.groupid;
|
|||
|
|
break;
|
|||
|
|
default:
|
|||
|
|
break;
|
|||
|
|
}
|
|||
|
|
chatParams.chatType = msg.msgType;
|
|||
|
|
chatParams.from = userinfo.userId;
|
|||
|
|
chatParams.ext.from = {
|
|||
|
|
userNickname: userinfo.userNickname,
|
|||
|
|
userPortrait: userinfo.userPortrait
|
|||
|
|
};
|
|||
|
|
}
|
|||
|
|
} catch (error) {
|
|||
|
|
console.log("uni.getStorageSync('toUser')报错", error);
|
|||
|
|
}
|
|||
|
|
if (!common_vendor.index.WebIM.config.isMultiLoginSessions) {
|
|||
|
|
getApp().globalData.conn.reopen();
|
|||
|
|
}
|
|||
|
|
getHistory(scrollToBottom);
|
|||
|
|
components_public_eventBus.eventBus.on("onMessage", (msg) => {
|
|||
|
|
console.log(123222222, msg, chatParams.to);
|
|||
|
|
switch (msg.chatType) {
|
|||
|
|
case utils_msgtype.msgType.chatType.SINGLE_CHAT:
|
|||
|
|
if (msg.from == chatParams.to) {
|
|||
|
|
list.value.push(msg);
|
|||
|
|
scrollToBottom();
|
|||
|
|
}
|
|||
|
|
break;
|
|||
|
|
case utils_msgtype.msgType.chatType.GROUP_CHAT:
|
|||
|
|
if (msg.to == chatParams.to) {
|
|||
|
|
list.value.push(msg);
|
|||
|
|
scrollToBottom();
|
|||
|
|
}
|
|||
|
|
break;
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
});
|
|||
|
|
common_vendor.onUnmounted(() => {
|
|||
|
|
components_public_eventBus.eventBus.off("onMessage");
|
|||
|
|
});
|
|||
|
|
const content = common_vendor.ref("");
|
|||
|
|
const list = common_vendor.ref([]);
|
|||
|
|
const top = common_vendor.ref(0);
|
|||
|
|
const toolStatus = common_vendor.reactive({
|
|||
|
|
// 录音状态
|
|||
|
|
showVoice: false,
|
|||
|
|
// emoji
|
|||
|
|
showEmoji: false,
|
|||
|
|
// 加号
|
|||
|
|
showPlus: false
|
|||
|
|
});
|
|||
|
|
const emojiTap = (val) => {
|
|||
|
|
content.value = content.value + val;
|
|||
|
|
};
|
|||
|
|
const focus = () => {
|
|||
|
|
Object.keys(toolStatus).forEach((item) => {
|
|||
|
|
toolStatus[item] = false;
|
|||
|
|
});
|
|||
|
|
};
|
|||
|
|
const toolClick = (val) => {
|
|||
|
|
if (toolStatus[val]) {
|
|||
|
|
toolStatus[val] = false;
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
Object.keys(toolStatus).forEach((item) => {
|
|||
|
|
toolStatus[item] = false;
|
|||
|
|
});
|
|||
|
|
toolStatus[val] = true;
|
|||
|
|
};
|
|||
|
|
const send = () => {
|
|||
|
|
let type = utils_msgtype.msgType.TEXT;
|
|||
|
|
let option = {
|
|||
|
|
// 消息类型。
|
|||
|
|
type,
|
|||
|
|
// 消息内容。
|
|||
|
|
msg: content.value,
|
|||
|
|
// 消息接收方：单聊为对方用户 ID，群聊和聊天室分别为群组 ID 和聊天室 ID。
|
|||
|
|
...chatParams
|
|||
|
|
};
|
|||
|
|
let msg = common_vendor.index.WebIM.message.create(option);
|
|||
|
|
WebIMSend(msg, {
|
|||
|
|
type,
|
|||
|
|
msg: content.value
|
|||
|
|
});
|
|||
|
|
};
|
|||
|
|
const plusClick = (res) => {
|
|||
|
|
let type = res.type;
|
|||
|
|
switch (type) {
|
|||
|
|
case utils_msgtype.msgType.IMAGE:
|
|||
|
|
let option = {
|
|||
|
|
...chatParams,
|
|||
|
|
// 消息类型。
|
|||
|
|
type,
|
|||
|
|
// 图片文件的 URL 地址。
|
|||
|
|
url: res.content
|
|||
|
|
};
|
|||
|
|
let msg = common_vendor.index.WebIM.message.create(option);
|
|||
|
|
WebIMSend(msg, {
|
|||
|
|
type,
|
|||
|
|
url: res.content
|
|||
|
|
});
|
|||
|
|
break;
|
|||
|
|
}
|
|||
|
|
};
|
|||
|
|
const setVoice = (res) => {
|
|||
|
|
let type = res.type;
|
|||
|
|
let filename = `${(/* @__PURE__ */ new Date()).getTime()}.mp3`;
|
|||
|
|
let option = {
|
|||
|
|
...chatParams,
|
|||
|
|
type,
|
|||
|
|
// 图片文件的 URL 地址。
|
|||
|
|
body: {
|
|||
|
|
type,
|
|||
|
|
filename,
|
|||
|
|
url: res.content,
|
|||
|
|
length: Math.ceil(res.length)
|
|||
|
|
}
|
|||
|
|
};
|
|||
|
|
let msg = common_vendor.index.WebIM.message.create(option);
|
|||
|
|
WebIMSend(msg, {
|
|||
|
|
type,
|
|||
|
|
url: res.content,
|
|||
|
|
filename,
|
|||
|
|
length: Math.ceil(res.length)
|
|||
|
|
});
|
|||
|
|
};
|
|||
|
|
const WebIMSend = (msg, obj) => {
|
|||
|
|
common_vendor.index.WebIM.conn.send(msg).then((val) => {
|
|||
|
|
list.value.push({
|
|||
|
|
...chatParams,
|
|||
|
|
time: (/* @__PURE__ */ new Date()).getTime(),
|
|||
|
|
onlineState: 3,
|
|||
|
|
id: val.localMsgId,
|
|||
|
|
...obj
|
|||
|
|
});
|
|||
|
|
console.log(list.value);
|
|||
|
|
scrollToBottom();
|
|||
|
|
}).catch((e) => {
|
|||
|
|
console.log("方法发送该图片消", e);
|
|||
|
|
});
|
|||
|
|
};
|
|||
|
|
const setRed = (res, params) => {
|
|||
|
|
console.log("====================================");
|
|||
|
|
console.log(res, params);
|
|||
|
|
console.log("====================================");
|
|||
|
|
if (res.code == 200) {
|
|||
|
|
const {
|
|||
|
|
data
|
|||
|
|
} = JSON.parse(res.data.message);
|
|||
|
|
const id = data[Object.keys(data)[0]];
|
|||
|
|
let option = {
|
|||
|
|
...chatParams,
|
|||
|
|
id,
|
|||
|
|
customEvent: "custom_event",
|
|||
|
|
time: data.createTime,
|
|||
|
|
onlineState: 3,
|
|||
|
|
// 自定义消息扩展。
|
|||
|
|
ext: {
|
|||
|
|
...params,
|
|||
|
|
id: res.data.id,
|
|||
|
|
time: data.createTime
|
|||
|
|
}
|
|||
|
|
};
|
|||
|
|
option.type = utils_msgtype.msgType.CUSTOM;
|
|||
|
|
list.value.push(option);
|
|||
|
|
}
|
|||
|
|
};
|
|||
|
|
common_vendor.provide("setRed", setRed);
|
|||
|
|
const cursor = common_vendor.ref(-1);
|
|||
|
|
const isLast = common_vendor.ref(false);
|
|||
|
|
const loading = common_vendor.ref(false);
|
|||
|
|
const getHistory = (callback = () => {
|
|||
|
|
}) => {
|
|||
|
|
if (loading.value) {
|
|||
|
|
showToastAndRedirect("加载中");
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
if (!isLast.value) {
|
|||
|
|
loading.value = true;
|
|||
|
|
console.log(111111, chatParams);
|
|||
|
|
pages_news_questionAnswer_fn.getHistoryMsg(chatParams.chatType, chatParams.to, cursor.value).then((res) => {
|
|||
|
|
cursor.value = res.messages[res.messages.length - 1].id;
|
|||
|
|
isLast.value = res.isLast;
|
|||
|
|
list.value = res.messages.reverse().concat(list.value);
|
|||
|
|
callback();
|
|||
|
|
}).catch((e) => {
|
|||
|
|
}).finally(() => {
|
|||
|
|
loading.value = false;
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
};
|
|||
|
|
const handleScroll = (e) => {
|
|||
|
|
if (e.detail.scrollTop === 0) {
|
|||
|
|
getHistory();
|
|||
|
|
}
|
|||
|
|
};
|
|||
|
|
common_vendor.onLoad((options) => {
|
|||
|
|
common_vendor.index.setNavigationBarTitle({
|
|||
|
|
title: options.userNickname
|
|||
|
|
});
|
|||
|
|
});
|
|||
|
|
const scrollToBottom = () => {
|
|||
|
|
common_vendor.nextTick$1().then(() => {
|
|||
|
|
common_vendor.index.createSelectorQuery().select("#scroll-content").boundingClientRect((rect) => {
|
|||
|
|
top.value = rect.height + 60;
|
|||
|
|
}).exec();
|
|||
|
|
});
|
|||
|
|
};
|
|||
|
|
const is = common_vendor.ref(false);
|
|||
|
|
const isH = common_vendor.ref({
|
|||
|
|
height: "0px",
|
|||
|
|
duration: "0.25s"
|
|||
|
|
});
|
|||
|
|
const keyboardheightchange = (res) => {
|
|||
|
|
isH.value = res.detail;
|
|||
|
|
common_vendor.nextTick$1(() => {
|
|||
|
|
is.value = res.detail.height > 0 ? true : false;
|
|||
|
|
});
|
|||
|
|
};
|
|||
|
|
return (_ctx, _cache) => {
|
|||
|
|
return common_vendor.e({
|
|||
|
|
a: common_vendor.f(list.value, (item, index, i0) => {
|
|||
|
|
var _a, _b;
|
|||
|
|
return common_vendor.e({
|
|||
|
|
a: ((_a = item == null ? void 0 : item.ext) == null ? void 0 : _a.type) === "system"
|
|||
|
|
}, ((_b = item == null ? void 0 : item.ext) == null ? void 0 : _b.type) === "system" ? {
|
|||
|
|
b: "9bd9708b-0-" + i0,
|
|||
|
|
c: common_vendor.p({
|
|||
|
|
item
|
|||
|
|
})
|
|||
|
|
} : common_vendor.e({
|
|||
|
|
d: item.from === chatParams.from
|
|||
|
|
}, item.from === chatParams.from ? {
|
|||
|
|
e: "9bd9708b-1-" + i0,
|
|||
|
|
f: common_vendor.p({
|
|||
|
|
item
|
|||
|
|
}),
|
|||
|
|
g: common_vendor.unref(format_url)(common_vendor.unref(userinfo).userPortrait, "img")
|
|||
|
|
} : common_vendor.e({
|
|||
|
|
h: item.chatType === common_vendor.unref(utils_msgtype.msgType).chatType.GROUP_CHAT
|
|||
|
|
}, item.chatType === common_vendor.unref(utils_msgtype.msgType).chatType.GROUP_CHAT ? {
|
|||
|
|
i: common_vendor.t(item.ext.from.userNickname)
|
|||
|
|
} : {}, {
|
|||
|
|
j: "9bd9708b-2-" + i0,
|
|||
|
|
k: common_vendor.p({
|
|||
|
|
item
|
|||
|
|
})
|
|||
|
|
})), {
|
|||
|
|
l: index
|
|||
|
|
});
|
|||
|
|
}),
|
|||
|
|
b: top.value,
|
|||
|
|
c: common_vendor.o$1(handleScroll)
|
|||
|
|
}, {}, {
|
|||
|
|
e: common_vendor.unref(common_assets.NewsVoice),
|
|||
|
|
f: common_vendor.o$1(($event) => toolClick("showVoice")),
|
|||
|
|
g: toolStatus.showVoice
|
|||
|
|
}, toolStatus.showVoice ? {
|
|||
|
|
h: common_vendor.o$1(setVoice)
|
|||
|
|
} : {}, {
|
|||
|
|
i: !toolStatus.showVoice
|
|||
|
|
}, !toolStatus.showVoice ? {
|
|||
|
|
j: common_vendor.o$1(focus),
|
|||
|
|
k: common_vendor.o$1(send),
|
|||
|
|
l: common_vendor.o$1(keyboardheightchange),
|
|||
|
|
m: common_vendor.o$1(($event) => content.value = $event),
|
|||
|
|
n: common_vendor.p({
|
|||
|
|
type: "text",
|
|||
|
|
clearable: false,
|
|||
|
|
["adjust-position"]: false,
|
|||
|
|
placeholder: "请输入你的问题",
|
|||
|
|
confirmType: "发送",
|
|||
|
|
modelValue: content.value
|
|||
|
|
})
|
|||
|
|
} : {}, {
|
|||
|
|
o: common_vendor.unref(common_assets.NewsEmoji),
|
|||
|
|
p: common_vendor.o$1(($event) => toolClick("showEmoji")),
|
|||
|
|
q: !content.value
|
|||
|
|
}, !content.value ? {
|
|||
|
|
r: common_vendor.unref(common_assets.NewsPlus),
|
|||
|
|
s: common_vendor.o$1(($event) => toolClick("showPlus"))
|
|||
|
|
} : {
|
|||
|
|
t: common_vendor.o$1(send)
|
|||
|
|
}, {
|
|||
|
|
v: is.value
|
|||
|
|
}, is.value ? {
|
|||
|
|
w: `${isH.value.height}px`,
|
|||
|
|
x: `${isH.value.duration}s`
|
|||
|
|
} : {}, {
|
|||
|
|
y: toolStatus.showPlus
|
|||
|
|
}, toolStatus.showPlus ? {
|
|||
|
|
z: common_vendor.o$1(plusClick)
|
|||
|
|
} : {}, {
|
|||
|
|
A: toolStatus.showEmoji
|
|||
|
|
}, toolStatus.showEmoji ? {
|
|||
|
|
B: common_vendor.o$1(emojiTap)
|
|||
|
|
} : {});
|
|||
|
|
};
|
|||
|
|
}
|
|||
|
|
};
|
|||
|
|
const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__scopeId", "data-v-9bd9708b"]]);
|
|||
|
|
wx.createPage(MiniProgramPage);
|