38028167c0
refactor: 优化搜索页面样式和交互逻辑 style: 调整热门标签和热门搜索组件样式 fix: 修复登录状态判断逻辑 chore: 更新图片资源和SVG图标 docs: 更新README文档 test: 添加搜索功能测试用例 build: 更新依赖包版本 ci: 配置自动化测试和部署流程 perf: 优化页面加载性能和响应速度
934 lines
36 KiB
JavaScript
934 lines
36 KiB
JavaScript
const { createApp, ref, onMounted, nextTick, onUnmounted, computed, watch, provide } = Vue;
|
||
import { itemForum } from "../component/item-forum/item-forum.js";
|
||
import { itemOffer } from "../component/item-offer/item-offer.js";
|
||
import { itemSummary } from "../component/item-summary/item-summary.js";
|
||
import { itemVote } from "../component/item-vote/item-vote.js";
|
||
import { itemMj } from "../component/item-mj/item-mj.js";
|
||
import { itemTenement } from "../component/item-tenement/item-tenement.js";
|
||
import { latestList } from "../component/latest-list/latest-list.js";
|
||
import { slideshowBox } from "../component/slideshow-box/slideshow-box.js";
|
||
import { like } from "../component/like/like.js";
|
||
|
||
const appSectionIndex = createApp({
|
||
setup() {
|
||
|
||
onMounted(() => {
|
||
getUserInfoWin();
|
||
|
||
setTimeout(() => (permissions.value = window["permissions"] || ["comment.edit", "comment.delete", "offercollege.hide", "offersummary.hide", "mj.hide", "topic:manager", "topic:hide"]), 1000);
|
||
});
|
||
|
||
let isLogin = ref(true);
|
||
let realname = ref(1); // 是否已经实名
|
||
let userInfoWin = ref({
|
||
authority: ["comment.edit", "comment.delete", "offercollege.hide", "offersummary.hide", "mj.hide", "topic:manager", "topic:hide"],
|
||
avatar: "https://nas.gter.net:9008/avatar/97K4EWIMLrsbGTWXslC2WFVSEKWOikN42jDKLNjtax7HL4xtfMOJSdU9oWFhY2E~/middle?random=1761733169",
|
||
groupid: 3,
|
||
nickname: "肖荣豪",
|
||
realname: 1,
|
||
token: "01346a38444d71aaadb3adad52b52c39",
|
||
uid: 500144,
|
||
uin: 4238049,
|
||
});
|
||
|
||
let permissions = ref([]);
|
||
|
||
const getUserInfoWin = () => {
|
||
const checkUser = () => {
|
||
const user = window.userInfoWin;
|
||
if (!user) return;
|
||
document.removeEventListener("getUser", checkUser);
|
||
realname.value = user.realname;
|
||
userInfoWin.value = user;
|
||
if (user?.uin > 0 || user?.uid > 0) isLogin.value = true;
|
||
permissions.value = user?.authority || [];
|
||
};
|
||
document.addEventListener("getUser", checkUser);
|
||
};
|
||
|
||
const openAttest = () => {
|
||
const handleAttestClose = () => {
|
||
document.removeEventListener("closeAttest", handleAttestClose);
|
||
realname.value = window.userInfoWin?.realname || 0;
|
||
};
|
||
// 启动认证流程时添加监听
|
||
document.addEventListener("closeAttest", handleAttestClose);
|
||
loadAttest(2);
|
||
};
|
||
|
||
// 跳转登录
|
||
const goLogin = () => {
|
||
if (typeof window === "undefined") return;
|
||
if (window["userInfoWin"] && Object.keys(window["userInfoWin"]).length !== 0) {
|
||
if (window["userInfoWin"]["uid"]) isLogin.value = true;
|
||
else ajax_login();
|
||
} else ajax_login();
|
||
};
|
||
|
||
provide("isLogin", isLogin);
|
||
provide("userInfoWin", userInfoWin);
|
||
provide("realname", realname);
|
||
provide("openAttest", openAttest);
|
||
provide("goLogin", goLogin);
|
||
|
||
let authorInfo = ref({});
|
||
let info = ref({});
|
||
let ismyself = ref(false);
|
||
|
||
let timestamp = ref("");
|
||
let updatedTime = ref("");
|
||
let token = "";
|
||
let uniqid = "";
|
||
|
||
let sectionn = ref([]);
|
||
let tags = ref([]);
|
||
|
||
onMounted(() => {
|
||
const params = getUrlParams();
|
||
uniqid = params.uniqid || "";
|
||
|
||
init();
|
||
});
|
||
|
||
const init = () => {
|
||
ajaxget(`/v2/api/forum/getTopicDetails?uniqid=${uniqid}`).then((res) => {
|
||
if (res.code != 200) {
|
||
creationAlertBox("error", res.message || "主题不存在");
|
||
return;
|
||
}
|
||
const data = res.data;
|
||
|
||
console.log(data, "data");
|
||
let targetInfo = data.info;
|
||
|
||
if (!targetInfo.hidden) targetInfo.hidden = 0;
|
||
|
||
// 替换换行
|
||
targetInfo.content = targetInfo.content?.replace(/\n/g, "<br>") || "";
|
||
|
||
if (!targetInfo.content) {
|
||
targetInfo.content = targetInfo.title;
|
||
targetInfo.title = "";
|
||
}
|
||
|
||
authorInfo.value = Array.isArray(data.authorInfo) ? null : data.authorInfo;
|
||
ismyself.value = data.ismyself || false;
|
||
|
||
sectionn.value = targetInfo.sectionn;
|
||
tags.value = targetInfo.tags;
|
||
|
||
timestamp.value = strtimeago(targetInfo.release_at, 4);
|
||
updatedTime.value = targetInfo.updated_at ? strtimeago(targetInfo.updated_at, 4) : null;
|
||
info.value = targetInfo;
|
||
|
||
token = data.token;
|
||
|
||
getAuthorInfo();
|
||
getTopicOperation();
|
||
|
||
getCoinConfig();
|
||
|
||
getRelatedTopics();
|
||
|
||
getComment();
|
||
});
|
||
};
|
||
|
||
let count = ref(0);
|
||
let medal = ref([]);
|
||
const getAuthorInfo = () => {
|
||
ajaxget(`/v2/api/forum/getSpaceDetail?uid=${authorInfo.value.uid || 0}&uin=${authorInfo.value.uin || 0}`).then((res) => {
|
||
const data = res.data;
|
||
const countList = data.count || [];
|
||
count.value = countList.reduce((sum, item) => {
|
||
const currentCount = Number(item.count) || 0;
|
||
return sum + currentCount;
|
||
}, 0);
|
||
|
||
medal.value = data.medal || [];
|
||
authorInfo.value = data.info;
|
||
getCreationList(data.token);
|
||
});
|
||
};
|
||
|
||
let recentlyList = ref([]);
|
||
const getCreationList = (token) => {
|
||
ajaxget(`/v2/api/forum/getSpaceTopicList?token=${token}&simple=1`).then((res) => {
|
||
const data = res.data;
|
||
recentlyList.value = data.data || [];
|
||
recentlyList.value = recentlyList.value.slice(0, 8);
|
||
});
|
||
};
|
||
|
||
let islike = ref(0);
|
||
let iscollect = ref(0);
|
||
|
||
const getTopicOperation = () => {
|
||
ajax(`/v2/api/forum/getTopicOperation`, {
|
||
token,
|
||
actions: ["like", "collection"],
|
||
}).then((res) => {
|
||
const data = res.data;
|
||
const like = data.like;
|
||
const collection = data.collection;
|
||
|
||
islike.value = like.status;
|
||
iscollect.value = collection.status;
|
||
});
|
||
};
|
||
|
||
let isLikeGif = ref(false);
|
||
|
||
const likeClick = () => {
|
||
ajax(`/v2/api/forum/postTopicLike`, {
|
||
token,
|
||
}).then((res) => {
|
||
if (res.code != 200) {
|
||
creationAlertBox("error", res.message);
|
||
return;
|
||
}
|
||
const data = res.data;
|
||
islike.value = data.status;
|
||
info.value.likes = data.likes;
|
||
|
||
if (data.status) {
|
||
isLikeGif.value = true;
|
||
setTimeout(() => (isLikeGif.value = false), 2000);
|
||
}
|
||
});
|
||
};
|
||
|
||
const collectClick = () => {
|
||
ajax(`/v2/api/forum/postTopicCollect`, {
|
||
token,
|
||
}).then((res) => {
|
||
if (res.code != 200) {
|
||
creationAlertBox("error", res.message);
|
||
return;
|
||
}
|
||
const data = res.data;
|
||
iscollect.value = data.status;
|
||
info.value.collections = data.collections;
|
||
});
|
||
};
|
||
|
||
let strategy = ref("");
|
||
let mybalance = ref(0);
|
||
let defaultcoinnum = 0;
|
||
|
||
const getCoinConfig = () => {
|
||
ajaxget(`/v2/api/forum/getCoinConfig`).then((res) => {
|
||
const data = res.data;
|
||
strategy.value = data.config.strategy.url || 0;
|
||
mybalance.value = data.mybalance || 0;
|
||
defaultcoinnum = data.defaultcoinnum || 0;
|
||
});
|
||
};
|
||
|
||
let coinsState = ref(false);
|
||
const openCoinBox = () => {
|
||
coinsState.value = true;
|
||
document.body.style.overflow = "hidden";
|
||
if (!coinListRequest) getCoinRankList();
|
||
};
|
||
|
||
const closeCoinBox = () => {
|
||
coinsState.value = false;
|
||
document.body.style.overflow = "auto";
|
||
};
|
||
|
||
let coinAmount = ref("");
|
||
|
||
const coinSubmit = () => {
|
||
const num = Number(coinAmount.value || defaultcoinnum) || 0;
|
||
ajax(`/v2/api/forum/postTopicCoin`, {
|
||
token,
|
||
num,
|
||
})
|
||
.then((res) => {
|
||
if (res.code == 200) creationAlertBox("success", res.message);
|
||
else creationAlertBox("error", res.message);
|
||
|
||
if (res.code != 200) return;
|
||
|
||
let data = res.data;
|
||
|
||
mybalance.value = mybalance.value - num || 0;
|
||
coinAmount.value = "";
|
||
info.value.coins = data.coins || 0;
|
||
|
||
coinNubmer.value = 0;
|
||
coinList.value = [];
|
||
getCoinRankList();
|
||
})
|
||
.finally(() => {
|
||
// wx.hideLoading();
|
||
});
|
||
};
|
||
|
||
let coinNubmer = ref(0);
|
||
let coinList = ref([]);
|
||
let coinListRequest = false; // 控制请求次数
|
||
const getCoinRankList = () => {
|
||
ajaxget(`/v2/api/forum/getCoinRankList?token=${token}&limit=1000`).then((res) => {
|
||
const data = res.data;
|
||
coinNubmer.value = data.nubmer;
|
||
coinList.value = data.data;
|
||
coinListRequest = true;
|
||
});
|
||
};
|
||
|
||
let relatedList = ref([]);
|
||
let relatedTime = ref("");
|
||
const getRelatedTopics = () => {
|
||
ajaxget(`/v2/api/forum/getRelatedTopics?uniqid=${uniqid}&limit=8`).then((res) => {
|
||
const data = res.data;
|
||
relatedTime.value = data.updated_at || "";
|
||
relatedList.value = data.list || [];
|
||
});
|
||
};
|
||
|
||
let alreadyCommentIdList = [];
|
||
let commentPage = ref(1);
|
||
let isgetCommentSate = false;
|
||
let commentList = ref([]);
|
||
let commentTotalCount = ref(0);
|
||
|
||
const getComment = () => {
|
||
if (commentPage.value == 0 || isgetCommentSate) return;
|
||
isgetCommentSate = true;
|
||
ajaxget(`/v2/api/forum/getCommentList?token=${token}&page=${commentPage.value}&limit=1500`)
|
||
.then((res) => {
|
||
if (res.code != 200) {
|
||
creationAlertBox("error", res.message || "");
|
||
return;
|
||
}
|
||
let data = res.data;
|
||
|
||
data.data.forEach((element, index) => {
|
||
element.timestamp = strtimeago(element.created_at, 4);
|
||
element["picture"] = [];
|
||
element["isReplyBoxShow"] = 0;
|
||
if (element.child.length > 0) {
|
||
element.child.forEach((el) => {
|
||
el["picture"] = [];
|
||
el.timestamp = strtimeago(element.created_at, 4);
|
||
el["isReplyBoxShow"] = 0;
|
||
});
|
||
}
|
||
});
|
||
|
||
if (commentPage.value > 1) {
|
||
for (let index = 0; index < data.data.length; index++) {
|
||
if (alreadyCommentIdList.includes(data.data[index].id)) {
|
||
data.data.splice(index, 1);
|
||
index--;
|
||
}
|
||
}
|
||
}
|
||
|
||
commentList.value = commentList.value.concat(data.data);
|
||
commentTotalCount.value = data.count;
|
||
commentPage.value = data.count > commentList.value.length ? commentPage.value + 1 : 0;
|
||
})
|
||
.finally(() => {
|
||
isgetCommentSate = false;
|
||
});
|
||
};
|
||
|
||
let picture = ref([]);
|
||
|
||
const openUserInfo = (index, i) => {
|
||
if (i != undefined && commentList.value[index].child[i].user["uin"] > 0) commentList.value[index].child[i]["avatarState"] = true;
|
||
if (i == undefined && index != undefined && commentList.value[index].user["uin"] > 0) commentList.value[index]["avatarState"] = true;
|
||
};
|
||
|
||
const closeUserInfo = (index, i) => {
|
||
if (i != undefined) commentList.value[index].child[i]["avatarState"] = false;
|
||
else if (index != undefined) commentList.value[index]["avatarState"] = false;
|
||
};
|
||
|
||
// 打开 回答-评论 的子评论
|
||
const openAnswerCommentsChild = (index, i) => {
|
||
if (realname.value == 0 && userInfoWin.value?.uin > 0) {
|
||
openAttest();
|
||
return;
|
||
}
|
||
|
||
if (!isLogin.value) {
|
||
goLogin();
|
||
return;
|
||
}
|
||
|
||
closeAnswerCommentsChild();
|
||
|
||
if (i == null) commentList.value[index]["childState"] = true;
|
||
else commentList.value[index].child[i]["childState"] = true;
|
||
};
|
||
|
||
// 关闭 回答-评论 的子评论
|
||
const closeAnswerCommentsChild = () => {
|
||
commentList.value.forEach((ele) => {
|
||
ele["childState"] = false;
|
||
ele["commentInput"] = ""; // 删除原本输入值
|
||
if (ele["child"] && ele["child"].length != 0) {
|
||
ele["child"].forEach((el) => {
|
||
el["childState"] = false;
|
||
el["commentInput"] = "";
|
||
});
|
||
}
|
||
});
|
||
};
|
||
|
||
let dialogSrc = ref("");
|
||
const handleAnswerText = (e) => {
|
||
if (e.target.tagName === "IMG") {
|
||
var src = e.target.getAttribute("src");
|
||
dialogSrc.value = src;
|
||
window.addEventListener("keydown", handleKeydown);
|
||
}
|
||
};
|
||
|
||
const handleKeydown = (event) => {
|
||
if (event.key !== "Escape") return;
|
||
dialogSrc.value = "";
|
||
window.removeEventListener("keydown", handleKeydown); // 取消监听
|
||
};
|
||
|
||
// 回答-评论 点赞
|
||
const operateAnswerCommentsLike = (token, index, i) => {
|
||
if (realname.value == 0 && userInfoWin.value?.uin > 0) {
|
||
openAttest();
|
||
return;
|
||
}
|
||
|
||
if (!isLogin.value) {
|
||
goLogin();
|
||
return;
|
||
}
|
||
|
||
ajax("https://api.gter.net/v2/api/forum/likeComment", {
|
||
token,
|
||
}).then((res) => {
|
||
if (res.code != 200) {
|
||
creationAlertBox("error", res.message || "操作成功");
|
||
return;
|
||
}
|
||
let data = res.data;
|
||
|
||
if (i != undefined) {
|
||
commentList.value[index].child[i]["islike"] = data["status"];
|
||
commentList.value[index].child[i]["likenum"] = data["count"];
|
||
} else {
|
||
commentList.value[index]["islike"] = data["status"];
|
||
commentList.value[index]["likenum"] = data["count"];
|
||
}
|
||
|
||
creationAlertBox("success", res.message || "操作成功");
|
||
|
||
if (data["status"]) {
|
||
isLikeGif.value = true;
|
||
setTimeout(() => (isLikeGif.value = false), 2000);
|
||
}
|
||
});
|
||
};
|
||
|
||
let emojiState = ref(false);
|
||
let emojiMaskState = ref(false);
|
||
let inputTextarea = ref("");
|
||
|
||
// 打开 Emoji
|
||
const openEmoji = (index, i) => {
|
||
if (!isLogin.value) {
|
||
goLogin();
|
||
return;
|
||
}
|
||
|
||
if (i != undefined) commentList.value[index].child[i]["emojiState"] = true;
|
||
else if (index != undefined) commentList.value[index]["emojiState"] = true;
|
||
else {
|
||
closeEmoji();
|
||
closeAnswerCommentsChild();
|
||
emojiState.value = true;
|
||
}
|
||
|
||
emojiMaskState.value = true;
|
||
};
|
||
|
||
// 关闭 Emoji
|
||
const closeEmoji = (index, i) => {
|
||
commentList.value.forEach((ele) => {
|
||
ele["emojiState"] = false;
|
||
if (ele["child"] && ele["child"].length != 0) {
|
||
ele["child"].forEach((el) => {
|
||
el["emojiState"] = false;
|
||
});
|
||
}
|
||
});
|
||
|
||
emojiState.value = false;
|
||
emojiMaskState.value = false;
|
||
editEmojiState.value = false;
|
||
};
|
||
|
||
const TAHomePage = (uin) => goHomePage(uin);
|
||
const sendMessage = (uin) => goSendMessage(uin);
|
||
|
||
let emojiData = ref(["😀", "😁", "😆", "😅", "😂", "😉", "😍", "🥰", "😘", "🤥", "😪", "😵💫", "🤓", "🥺", "😋", "😜", "🤪", "😎", "🤩", "🥳", "😔", "🙁", "😭", "😡", "😳", "🤗", "🤔", "🤭", "🤫", "😯", "😵", "🙄", "🥴", "🤢", "🤑", "🤠", "👌", "✌️", "🤟", "🤘", "🤙", "👍", "👎", "✊", "👏", "🤝", "🙏", "💪", "❎️", "✳️", "✴️", "❇️", "#️⃣", "*️⃣", "1️⃣", "2️⃣", "3️⃣", "4️⃣", "5️⃣", "6️⃣", "7️⃣", "8️⃣", "9️⃣", "🔟", "🆗", "🈶", "🉐", "🉑", "🌹", "🥀", "🌸", "🌺", "🌷", "🌲", "☘️", "🍀", "🍁", "🌙", "⭐", "🌍", "☀️", "⭐️", "🌟", "☁️", "🌈", "☂️", "❄️", "☃️", "☄️", "🔥", "💧", "🍎", "🍐", "🍊", "🍉", "🍓", "🍑", "🍔", "🍟", "🍕", "🥪", "🍜", "🍡", "🍨", "🍦", "🎂", "🍰", "🍭", "🍿", "🍩", "🧃", "🍹", "🍒", "🥝", "🥒", "🥦", "🥨", "🌭", "🥘", "🍱", "🍢", "🥮", "🍩", "🍪", "🧁", "🍵", "🍶", "🍻", "🥂", "🧋", "🎉", "🎁", "🧧", "🎃", "🎄", "🧨", "✨️", "🎈", "🎊", "🎋", "🎍", "🎀", "🎖️", "🏆️", "🏅", "💌", "📬", "🚗", "🚕", "🚲", "🛵", "🚀", "🚁", "⛵", "🚢", "🔮", "🧸", "🀄️"]);
|
||
|
||
const handleEditFile = () => {
|
||
editEmojiState.value = false;
|
||
judgeLogin();
|
||
};
|
||
|
||
// 选择 Emoji
|
||
const selectEmoji = (key, index, i) => {
|
||
closeEmoji();
|
||
if (i != undefined) {
|
||
if (!commentList.value[index]["child"][i]["commentInput"]) commentList.value[index]["child"][i]["commentInput"] = "";
|
||
commentList.value[index]["child"][i]["commentInput"] += key;
|
||
} else if (index != undefined) {
|
||
if (!commentList.value[index]["commentInput"]) commentList.value[index]["commentInput"] = "";
|
||
commentList.value[index]["commentInput"] += key;
|
||
} else inputTextarea.value += key;
|
||
};
|
||
|
||
const judgeLogin = () => {
|
||
if (!isLogin.value) goLogin();
|
||
};
|
||
|
||
const maxPicture = 10;
|
||
|
||
const handleFileUpload = (event, index, i) => {
|
||
closeEmoji();
|
||
const file = event.target.files[0]; // 获取选择的文件
|
||
|
||
if (!file) return;
|
||
|
||
if (file.size > maxSize) {
|
||
creationAlertBox("error", "文件大小不能超过 20MB");
|
||
return;
|
||
}
|
||
|
||
let target = [];
|
||
if (editCommentState.value) target = editPicture.value;
|
||
else {
|
||
if (i != undefined) target = commentList.value[index].child[i]["picture"];
|
||
else if (index != undefined) target = commentList.value[index]["picture"];
|
||
else target = picture.value;
|
||
}
|
||
|
||
if (target.length >= maxPicture) {
|
||
creationAlertBox("error", `最多只能上传 ${maxPicture} 张图片`);
|
||
return;
|
||
}
|
||
|
||
console.log("现有图片", target);
|
||
|
||
const reader = new FileReader();
|
||
reader.onload = (e) => {
|
||
const base64 = e.target.result;
|
||
uploadImg(file).then((res) => {
|
||
const obj = {
|
||
aid: res.aid || "",
|
||
url: res.url || "",
|
||
};
|
||
|
||
target.push(obj);
|
||
|
||
if (editCommentState.value) editPicture.value = target;
|
||
else {
|
||
if (i != undefined) commentList.value[index].child[i]["picture"] = target;
|
||
else if (index != undefined) commentList.value[index]["picture"] = target;
|
||
else picture.value = target;
|
||
}
|
||
creationAlertBox("success", "上传成功");
|
||
});
|
||
};
|
||
reader.readAsDataURL(file);
|
||
};
|
||
|
||
let uploadConfig = null;
|
||
const maxSize = 20 * 1024 * 1024; // 20MB
|
||
|
||
// 上传图片 获取图片url
|
||
const uploadImg = (file) => {
|
||
return new Promise((resolve, reject) => {
|
||
const upload = () => {
|
||
let config = uploadConfig;
|
||
|
||
const formData = new FormData();
|
||
formData.append(config.requestName, file); // 文件数据
|
||
formData.append("name", file.name); // 文件名
|
||
formData.append("type", "image"); // 文件名
|
||
formData.append("data", config.params.data); // 文件名
|
||
|
||
ajax(config.url, formData).then((res) => {
|
||
if (res.code != 200) {
|
||
creationAlertBox("error", "上传失败");
|
||
return;
|
||
}
|
||
let data = res.data;
|
||
resolve(data);
|
||
});
|
||
};
|
||
|
||
if (uploadConfig) upload();
|
||
else getUploadConfig().then(() => upload());
|
||
});
|
||
};
|
||
|
||
const getUploadConfig = () => {
|
||
return new Promise((resolve, reject) => {
|
||
ajax("https://api.gter.net/v1/config/upload?type=comment").then((res) => {
|
||
let data = res.data;
|
||
uploadConfig = data;
|
||
resolve();
|
||
});
|
||
});
|
||
};
|
||
|
||
// 删除上传的图片
|
||
const closeFileUpload = (aid, index, i) => {
|
||
let target = [];
|
||
|
||
if (i != undefined) target = [...commentList.value[index].child[i]["picture"]];
|
||
else if (index != undefined) target = [...commentList.value[index]["picture"]];
|
||
else target = [...picture.value];
|
||
|
||
let sub = target.findIndex((item) => item.aid == aid);
|
||
if (sub != -1) target.splice(sub, 1);
|
||
if (i != undefined) commentList.value[index].child[i]["picture"] = target;
|
||
else if (index != undefined) commentList.value[index]["picture"] = target;
|
||
else picture.value = target;
|
||
};
|
||
|
||
const closePictureUpload = (index) => picture.value.splice(index, 1);
|
||
|
||
// 提交回答-评论
|
||
const submitAnswerComments = (index, i) => {
|
||
if (realname.value == 0 && userInfoWin.value?.uin > 0) {
|
||
openAttest();
|
||
return;
|
||
}
|
||
|
||
if (!isLogin.value) {
|
||
goLogin();
|
||
return;
|
||
}
|
||
|
||
let content = "";
|
||
let parentid = null;
|
||
// let token = this.token;
|
||
let image = [];
|
||
|
||
if (i != null) {
|
||
content = commentList.value[index]["child"][i]["commentInput"];
|
||
parentid = commentList.value[index]["child"][i]["id"];
|
||
image = [...commentList.value[index]["child"][i]["picture"]];
|
||
} else if (index != null) {
|
||
content = commentList.value[index]["commentInput"];
|
||
parentid = commentList.value[index]["id"];
|
||
image = [...commentList.value[index]["picture"]];
|
||
} else {
|
||
content = inputTextarea.value;
|
||
image = [...picture.value];
|
||
}
|
||
|
||
// this.detailLoading = true;
|
||
|
||
const attachments = {
|
||
images: image,
|
||
};
|
||
|
||
ajax("/v2/api/forum/postComment", {
|
||
content,
|
||
token,
|
||
attachments,
|
||
replyid: parentid,
|
||
})
|
||
.then((res) => {
|
||
if (res.code != 200) {
|
||
creationAlertBox("error", res.message || "操作成功");
|
||
return;
|
||
}
|
||
let data = res.data;
|
||
|
||
const timestamp = strtimeago(new Date());
|
||
|
||
if (i != null) {
|
||
let targetData = {
|
||
id: data["commentid"],
|
||
content,
|
||
isauthor: 1,
|
||
islike: 0,
|
||
likenum: 0,
|
||
reply: {
|
||
nickname: commentList.value[index]["child"][i]["nickname"],
|
||
},
|
||
...data,
|
||
attachments,
|
||
picture: [],
|
||
timestamp,
|
||
};
|
||
|
||
commentList.value[index]["child"].push(targetData);
|
||
commentList.value[index]["childnum"]++;
|
||
} else if (index != null) {
|
||
let targetData = {
|
||
id: data["commentid"],
|
||
content,
|
||
isauthor: 1,
|
||
islike: 0,
|
||
likenum: 0,
|
||
reply: [],
|
||
...data,
|
||
attachments,
|
||
picture: [],
|
||
timestamp,
|
||
};
|
||
commentList.value[index]["child"].unshift(targetData);
|
||
commentList.value[index]["childnum"]++;
|
||
} else {
|
||
let targetData = {
|
||
id: data["commentid"],
|
||
content,
|
||
isauthor: 1,
|
||
islike: 0,
|
||
likenum: 0,
|
||
...data,
|
||
child: [],
|
||
attachments,
|
||
picture: [],
|
||
timestamp,
|
||
};
|
||
commentList.value.unshift(targetData);
|
||
inputTextarea.value = "";
|
||
picture.value = [];
|
||
}
|
||
|
||
commentTotalCount.value = data.count || 0;
|
||
|
||
// if (!inputTextarea.value) {
|
||
// const textarea = this.$refs["input-textarea"]
|
||
// textarea.style.height = "80px"
|
||
// }
|
||
|
||
closeAnswerCommentsChild();
|
||
creationAlertBox("success", res.message || "操作成功");
|
||
})
|
||
.finally(() => {
|
||
// this.detailLoading = false;
|
||
});
|
||
};
|
||
|
||
let editCommentState = ref(false);
|
||
let editToken = ref("");
|
||
let editPicture = ref([]);
|
||
let editInput = ref("");
|
||
let editEmojiState = ref(false);
|
||
|
||
const openEdit = (token, index, i) => {
|
||
const list = JSON.parse(JSON.stringify(commentList.value));
|
||
let target = {};
|
||
if (i != null) target = list[index]["child"][i];
|
||
else target = list[index];
|
||
console.log("target", target);
|
||
|
||
editToken.value = target.token || "";
|
||
editInput.value = target.content || "";
|
||
editPicture.value = target.attachments?.images || [];
|
||
console.log("editCommentState", editPicture.value);
|
||
|
||
editCommentState.value = true;
|
||
};
|
||
|
||
const closeEdit = () => {
|
||
editPicture.value = {};
|
||
editToken.value = "";
|
||
editInput.value = "";
|
||
editCommentState.value = false;
|
||
};
|
||
|
||
// 打开 Emoji
|
||
const openEditEmoji = (index, i) => {
|
||
if (!isLogin.value) {
|
||
goLogin();
|
||
return;
|
||
}
|
||
editEmojiState.value = true;
|
||
};
|
||
|
||
const closeEditEmoji = () => {
|
||
editEmojiState.value = false;
|
||
};
|
||
|
||
const selectEditEmoji = (key) => {
|
||
closeEmoji();
|
||
editInput.value += key;
|
||
};
|
||
|
||
const postEditComment = () => {
|
||
if (!isLogin.value) {
|
||
goLogin();
|
||
return;
|
||
}
|
||
|
||
const image = editPicture.value;
|
||
const attachments = {
|
||
images: image,
|
||
};
|
||
ajax("/v2/api/forum/postCommentEdit", {
|
||
content: editInput.value,
|
||
token: editToken.value,
|
||
attachments,
|
||
}).then((res) => {
|
||
if (res.code != 200) {
|
||
creationAlertBox("error", res.message || "操作失败");
|
||
return;
|
||
}
|
||
|
||
commentList.value.forEach((element) => {
|
||
if (element.token == editToken.value) {
|
||
element["content"] = editInput.value;
|
||
element["attachments"] = attachments;
|
||
}
|
||
element.child &&
|
||
element.child.forEach((ele) => {
|
||
if (ele.token == editToken.value) {
|
||
ele["content"] = editInput.value;
|
||
ele["attachments"] = attachments;
|
||
}
|
||
});
|
||
});
|
||
|
||
editPicture.value = [];
|
||
editToken.value = "";
|
||
editCommentState.value = false;
|
||
editEmojiState.value = false;
|
||
creationAlertBox("success", res.message || "操作成功");
|
||
});
|
||
};
|
||
|
||
const closeEditFileUpload = (aid) => {
|
||
let target = [...editPicture.value];
|
||
let sub = target.findIndex((item) => item.aid == aid);
|
||
if (sub != -1) target.splice(sub, 1);
|
||
editPicture.value = target;
|
||
};
|
||
|
||
const handleInputPaste = (event, index, ii) => {
|
||
const items = event.clipboardData.items; // 获取粘贴的内容
|
||
|
||
for (let i = 0; i < items.length; i++) {
|
||
const item = items[i];
|
||
if (item.type.startsWith("image/")) {
|
||
event.preventDefault();
|
||
const file = item.getAsFile(); // 获取文件
|
||
|
||
if (file.size > maxSize) {
|
||
creationAlertBox("error", "文件大小不能超过 20MB");
|
||
return;
|
||
}
|
||
|
||
let target = [];
|
||
if (editCommentState.value) target = editPicture.value;
|
||
else {
|
||
if (ii != undefined) target = commentList.value[index].child[ii]["picture"];
|
||
else if (index != undefined) target = commentList.value[index]["picture"];
|
||
else target = picture.value;
|
||
}
|
||
|
||
if (target.length >= maxPicture) {
|
||
creationAlertBox("error", `最多只能上传 ${maxPicture} 张图片`);
|
||
return;
|
||
}
|
||
|
||
const reader = new FileReader();
|
||
reader.onload = (e) => {
|
||
const base64 = e.target.result;
|
||
|
||
uploadImg(file).then((res) => {
|
||
const obj = {
|
||
aid: res.aid || "",
|
||
url: res.url || "",
|
||
};
|
||
|
||
target.push(obj);
|
||
|
||
if (editCommentState.value) editPicture.value = target;
|
||
else {
|
||
if (ii != undefined) commentList.value[index].child[ii]["picture"] = target;
|
||
else if (index != undefined) commentList.value[index]["picture"] = target;
|
||
else picture.value = target;
|
||
}
|
||
creationAlertBox("success", "上传成功");
|
||
});
|
||
};
|
||
reader.readAsDataURL(file);
|
||
}
|
||
}
|
||
};
|
||
|
||
// 自动输入框增高
|
||
const autoResize = (e) => {
|
||
e.target.style.height = "auto"; // 重置高度
|
||
e.target.style.height = `${e.target.scrollHeight}px`; // 设置为内容高度
|
||
};
|
||
|
||
let commemtDelete = {};
|
||
// 点击删除
|
||
const commentDelete = (token, index, i) => {
|
||
const post = () => {
|
||
ajax("/v2/api/forum/deleteComment", {
|
||
token,
|
||
}).then((res) => {
|
||
if (res.code != 200) {
|
||
creationAlertBox("error", res.message);
|
||
return;
|
||
}
|
||
|
||
if (i >= 0) {
|
||
commentList.value[index].child.splice(i, 1);
|
||
commentList.value[index].childnum -= 1;
|
||
} else {
|
||
commentList.value.splice(index, 1);
|
||
}
|
||
|
||
commentTotalCount.value -= 1;
|
||
|
||
creationAlertBox("success", res.message || "操作成功");
|
||
});
|
||
};
|
||
|
||
const isConfirmed = confirm(`确定要删除讨论吗？`);
|
||
if (isConfirmed) post();
|
||
};
|
||
|
||
const openDiscuss = () => {
|
||
let dom = document.querySelector(".answer-discuss");
|
||
if (!dom) return;
|
||
const rect = dom.getBoundingClientRect();
|
||
const scrollPosition = window.pageYOffset + rect.top - 50;
|
||
window.scrollTo({
|
||
top: scrollPosition,
|
||
behavior: "smooth",
|
||
});
|
||
};
|
||
|
||
return { openDiscuss, commentDelete, handleInputPaste, autoResize, editCommentState, selectEditEmoji, closeEditEmoji, openEditEmoji, closeEdit, openEdit, closeEditFileUpload, postEditComment, submitAnswerComments, closePictureUpload, closeFileUpload, picture, editToken, editPicture, editInput, editEmojiState, handleFileUpload, inputTextarea, judgeLogin, handleEditFile, selectEmoji, emojiData, emojiMaskState, emojiState, closeEmoji, openEmoji, closeAnswerCommentsChild, openAnswerCommentsChild, dialogSrc, handleAnswerText, sendMessage, TAHomePage, operateAnswerCommentsLike, closeUserInfo, openUserInfo, permissions, commentList, commentPage, commentTotalCount, picture, userInfoWin, relatedList, relatedTime, coinNubmer, coinList, coinAmount, coinSubmit, strategy, mybalance, coinsState, openCoinBox, closeCoinBox, isLikeGif, likeClick, collectClick, islike, iscollect, recentlyList, medal, count, sectionn, tags, authorInfo, info, timestamp, updatedTime };
|
||
},
|
||
});
|
||
|
||
appSectionIndex.component("itemForum", itemForum);
|
||
appSectionIndex.component("itemOffer", itemOffer);
|
||
appSectionIndex.component("itemSummary", itemSummary);
|
||
appSectionIndex.component("itemVote", itemVote);
|
||
appSectionIndex.component("itemMj", itemMj);
|
||
appSectionIndex.component("itemTenement", itemTenement);
|
||
appSectionIndex.component("latestList", latestList);
|
||
appSectionIndex.component("slideshowBox", slideshowBox);
|
||
appSectionIndex.component("like", like);
|
||
|
||
appSectionIndex.mount("#details");
|