A1300399510/PC-mj
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

no message

Browse Source
This commit is contained in:
A1300399510
2023-12-29 18:37:38 +08:00
parent c80cee6eb0
commit d7915dd321
15 changed files with 852 additions and 180 deletions
Download Patch File Download Diff File Expand all files Collapse all files

333
pages/details/[id].vue
View File

@@ -24,7 +24,7 @@
<img class="item-bj" src="@/assets/img/item-bj.svg" />
<div class="mj-header flexacenter">
<img class="mj-avatar" :src="item['avatar']" />
<div class="user-name">{{ item["username"] }}</div>
<div class="user-name">{{ item["username"] || "匿名用户" }}</div>
<div class="time">{{ handleDate(item["releasetime"]) }}发布</div>
</div>
@@ -45,22 +45,40 @@
</a>
</div>
</div>
<div class="right flex1">
<div class="right flex1" @scroll="handleCommentsScroll" v-loading="detailsLoading">
<!-- <div class="right-loading"></div> -->
<div class="header">
<div class="title">{{ info["subject"] }}</div>
<div class="mj-header flexacenter">
<div class="mj-header-left flexacenter">
<img class="mj-avatar" :src="info['avatar']" />
<div class="user-name">{{ info["nickname"] }}</div>
<div class="time">{{ info["releasetime"] }}发布</div>
<el-popover placement="bottom-start" :width="140" trigger="click" popper-class="avatar-box-popper" :show-arrow="false">
<template #reference>
<img class="mj-avatar" :src="info['avatar']" />
</template>
<div class="avatar-box flexflex" v-if="info['uin']">
<!-- <div class="avatar-box flexflex"> -->
<a class="avatar-item flexcenter" target="_blank" @click.prevent="sendMessage(info['uin'])">
<img class="avatar-icon" src="@/assets/img/send-messages-icon.png" />
发送信息
</a>
<a class="avatar-item flexcenter" target="_blank" @click.prevent="TAHomePage(info['uin'])">
<img class="avatar-icon" src="@/assets/img/homepage-icon.png" />
TA的主页
</a>
</div>
</el-popover>
<div class="user-name">{{ info["nickname"] || "匿名用户" }}</div>
<div class="time">{{ handleDate(info["releasetime"]) }}发布</div>
</div>
<div class="mj-header-right flexacenter">
<div class="mj-header-right flexacenter" v-if="isBrowser">
<img class="eye-icon" src="@/assets/img/eye-icon.svg" />
{{ info["views"] }}
</div>
</div>
</div>
<div class="details-box" v-if="true">
<div class="details-box">
<div class="details-item">
<div class="details-top">申请信息</div>
<div class="details-list">
@@ -92,11 +110,12 @@
<div class="details-list">
<div class="details-list-item flexacenter">
<div class="details-value describe" :class="{ 'unlock-unlock': !isdisplay }" v-if="info['message']">
{{ info["message"] }}
<div class="unlock-mask flexflex">
<!-- {{ info["message"] }} -->
<div v-html="info['message']"></div>
<div class="unlock-mask flexflex" style="width: 693px;">
<div class="">作者设置了浏览限制</div>
<div class="flexacenter">
<div class="emphasis">“回复”</div>
<div class="emphasis">“回复/点赞”</div>
后即可查看完整内容
</div>
</div>
@@ -110,7 +129,7 @@
<div class="comment-box">
<div class="comment-title flexacenter">
讨论
<div class="value">{{ commentCount || "" }}</div>
<div class="value">{{ commentComments || "" }}</div>
</div>
<div class="post-comment flexacenter">
<textarea class="post-input flex1" placeholder="说说你的想法或疑问…" v-model="commentInputTop"></textarea>
@@ -124,8 +143,23 @@
</template>
<template v-else>
<div class="comment-list">
<div class="comment-item flexflex" v-for="(item, index) in commentList" :key="index">
<img class="comment-avatar" :src="item['avatar']" />
<div class="comment-item flexflex" v-for="(item, index) in commentList" :key="item.id">
<el-popover placement="bottom-start" :width="140" trigger="click" popper-class="avatar-box-popper" :show-arrow="false">
<template #reference>
<img class="comment-avatar" :src="item['avatar']" />
</template>
<div class="avatar-box flexflex" v-if="item['uin']">
<a class="avatar-item flexcenter" target="_blank" @click.prevent="sendMessage(item['uin'])">
<img class="avatar-icon" src="@/assets/img/send-messages-icon.png" />
发送信息
</a>
<a class="avatar-item flexcenter" target="_blank" @click.prevent="TAHomePage(item['uin'])">
<img class="avatar-icon" src="@/assets/img/homepage-icon.png" />
TA的主页
</a>
</div>
</el-popover>
<div class="comment-content flex1">
<div class="comment-header flexacenter">
<div class="comment-header-left flexacenter">
@@ -136,10 +170,10 @@
<div class="comment-header-right flexacenter">
<div class="menu-box flexacenter">
<img class="menu-icon" src="@/assets/img/menu-icon-gray.svg" />
<div class="report-box flexcenter">举报</div>
<div class="report-box flexcenter" @click="report(item['token'])">举报</div>
</div>
<img class="comment-icon" @click="openAnswerCommentsChild(index)" src="@/assets/img/comment-icon-gray.svg" />
<div class="flexacenter like-box">
<div class="flexacenter like-box" @click="commentLike(index)">
<img class="like-icon" v-if="item['islike'] == 1" src="@/assets/img/like-icon-colours.png" />
<img class="like-icon" v-else src="@/assets/img/like-icon-gray.png" />
<div class="like-quantity">{{ item["likenum"] || 0 }}</div>
@@ -157,31 +191,47 @@
</div>
<!-- 子评论 -->
<div class="child-comments" v-if="item['child'].length > 0">
<div class="comment-item flexflex" v-for="(ite, i) in item['child']" :key="i">
<img class="comment-avatar" :src="item['avatar']" />
<div class="comment-item flexflex" v-for="(ite, i) in item['child']" :key="ite.id">
<!-- <img class="comment-avatar" :src="ite['avatar']" /> -->
<el-popover placement="bottom-start" :width="140" trigger="click" popper-class="avatar-box-popper" :show-arrow="false">
<template #reference>
<img class="comment-avatar" :src="ite['avatar']" />
</template>
<div class="avatar-box flexflex" v-if="item['uin']">
<a class="av atar-item flexcenter" target="_blank" @click.prevent="sendMessage(ite['uin'])">
<img class="avatar-icon" src="@/assets/img/send-messages-icon.png" />
发送信息
</a>
<a class="avatar-item flexcenter" target="_blank" @click.prevent="TAHomePage(ite['uin'])">
<img class="avatar-icon" src="@/assets/img/homepage-icon.png" />
TA的主页
</a>
</div>
</el-popover>
<div class="comment-content flex1">
<div class="comment-header flexacenter">
<div class="comment-header-left flexacenter">
<div class="comments-username">{{ item["nickname"] }}</div>
<div class="comments-time">{{ handleDate(item["timestamp"]) }}</div>
<div class="comments-identity" v-if="item['isauthor']">作者</div>
<div class="comments-username">{{ ite["nickname"] }}</div>
<div class="comments-time">{{ handleDate(ite["timestamp"]) }}</div>
<div class="comments-identity" v-if="ite['isauthor']">作者</div>
</div>
<div class="comment-header-right flexacenter">
<div class="menu-box flexacenter">
<img class="menu-icon" src="@/assets/img/menu-icon-gray.svg" />
<div class="report-box flexcenter">举报</div>
<div class="report-box flexcenter" @click="report(ite['token'])">举报</div>
</div>
<img class="comment-icon" @click="openAnswerCommentsChild(index, i)" src="@/assets/img/comment-icon-gray.svg" />
<div class="flexacenter like-box">
<img class="like-icon" v-if="item['islike']" src="@/assets/img/like-icon-gray.png" />
<img class="like-icon" v-else src="@/assets/img/like-icon-colours.png" />
<div class="like-quantity">{{ item["likenum"] || 0 }}</div>
<div class="flexacenter like-box" @click="commentLike(index, i)">
<img class="like-icon" v-if="ite['islike'] == 1" src="@/assets/img/like-icon-colours.png" />
<img class="like-icon" v-else src="@/assets/img/like-icon-gray.png" />
<div class="like-quantity">{{ ite["likenum"] || 0 }}</div>
</div>
</div>
</div>
<div class="comment-text">
<div class="comments-reply" v-if="JSON.stringify(ite['reply']) != '[]'">@{{ ite["reply"]["nickname"] }}</div>
{{ item["content"] }}
<div class="comments-reply" v-if="ite?.reply?.nickname">@{{ ite?.reply?.nickname }}</div>
{{ ite["content"] }}
</div>
<div class="comments-input-box flexacenter" v-if="ite['childState']">
<div class="comments-input flexflex">
@@ -214,7 +264,8 @@
<img class="icon" v-else src="@/assets/img/like-icon.png" />
{{ info["likenum"] || "" }}
</div>
<div class="item flexacenter"><img class="icon" src="@/assets/img/comment-icon.png" />9</div>
<div class="item flexacenter"><img class="icon" src="@/assets/img/comment-icon.png" />{{ commentComments }}</div>
<div class="item flexacenter" @click="handleCollect()">
<img class="icon" v-if="iscollection == 1" src="@/assets/img/collect-icon-colours.svg" />
<img class="icon" v-else src="@/assets/img/collect-icon.png" />
@@ -265,6 +316,7 @@
</div>
</div>
</div>
<Report v-if="reportAlertShow" :reportToken="reportToken"></Report>
</template>
<script setup>
@@ -273,14 +325,12 @@ const route = useRoute()
let uniqid = route.params.id
onMounted(() => {
window.addEventListener("scroll", handleScroll)
// window.addEventListener("scroll", handleScroll)
getDetails()
})
watch(route, () => {
clearAllData()
nextTick(() => getDetails())
})
@@ -321,10 +371,17 @@ let iscollection = ref(0) // 是否收藏
let isdisplay = ref(true) // 是否隐藏
let islike = ref(0) // 是否点赞
let ismyself = ref(0) // 是否是作者
let detailsLoading = ref(false) // 详情加载中
const getDetails = () => {
if (detailsLoading.value) return
detailsLoading.value = true
detailsHttp({ uniqid }).then(res => {
if (res.code != 200) return
if (res.code != 200) {
ElMessage.error(res.message)
return
}
let data = res.data
token = data["token"]
info.value = data["info"]
@@ -335,9 +392,11 @@ const getDetails = () => {
ismyself.value = data.ismyself
qrcode.value = data["share"]["qrcode"]
getCommentListHttp()
if (relatedlist.value.length == 0) getRelatedlistHttp()
else CalculateSelectedList()
detailsLoading.value = false
getCommentListHttp()
})
}
@@ -385,6 +444,7 @@ const getRelatedlistHttp = () => {
let seo = ref({})
let commentCount = ref(0)
let commentComments = ref(0) // 所有的评论数
let commentPage = ref(1)
let commentList = ref([])
let commentLoading = false
@@ -393,12 +453,13 @@ let isEmptyState = ref(false) // 评论是否为空
// 获取详情评论数据
const getCommentListHttp = () => {
if (commentPage.value == 0 || commentLoading) return
if (commentPage.value == 0 || commentLoading || detailsLoading.value) return
commentLoading = true
detailsCommentListHttp({
// page: commentPage.value,
// childlimit: 1,
// limit: commentPage.value == 1 ? 3 : 10,
page: commentPage.value,
childlimit: 1,
limit: 10,
token,
})
.then(res => {
@@ -412,6 +473,8 @@ const getCommentListHttp = () => {
commentList.value = commentList.value.concat(data["data"])
commentComments.value = data["comments"]
if (commentList.value.length == data["count"]) commentPage.value = 0
else commentPage.value++
})
@@ -420,8 +483,6 @@ const getCommentListHttp = () => {
// 获取剩下的子评论
const alsoCommentsData = (index, ind) => {
// const targetAnswerList = [...answerList.value]
let targetCommentItem = { ...commentList.value[index] }
const token = targetCommentItem["token"]
const parentid = targetCommentItem["id"]
@@ -445,25 +506,54 @@ const alsoCommentsData = (index, ind) => {
targetCommentItem["childPage"] = page
commentList.value[index] = targetCommentItem
})
}
console.log("targetCommentchild111", targetCommentItem)
// 全部的启动到底部
const handleCommentsScroll = e => {
const el = e.target
if (el.scrollHeight - el.scrollTop >= el.clientHeight + 40) return
getCommentListHttp()
}
// let merged1 = [...targetAnswerList[index]["commentList"][ind]["child"], ...data.data.filter(item2 => !targetAnswerList[index]["commentList"][ind]["child"].find(item1 => item1.id == item2.id))]
// 评论点赞
const commentLike = (index, i) => {
const targetCommentList = [...commentList.value]
// targetAnswerList[index]["commentList"][ind]["child"] = merged1
// answerList.value = targetAnswerList
let token = ""
if (i != null) token = targetCommentList[index]["child"][i].token
else token = targetCommentList[index].token
detailsLikeCommentHttp({ token }).then(res => {
if (res.code != 200) return
let data = res.data
if (i != null) {
targetCommentList[index]["child"][i].islike = data["status"]
targetCommentList[index]["child"][i].likenum = data["likenum"]
} else {
targetCommentList[index].islike = data["status"]
targetCommentList[index].likenum = data["likenum"]
}
ElMessage({
message: res.message,
type: "success",
})
})
}
// 监听滚动到底部
const handleScroll = () => {
return
const scrollTop = document.documentElement.scrollTop || document.body.scrollTop
const scrollHeight = document.documentElement.scrollHeight
const clientHeight = document.documentElement.clientHeight
// console.log(scrollTop + clientHeight >= scrollHeight - 40)
// 列表下 滑动到底部 获取新数据
if (scrollTop + clientHeight >= scrollHeight - 40) getCommentListHttp()
// if (scrollTop + clientHeight >= scrollHeight - 40) getCommentListHttp()
}
// 打开 回答-评论 的子评论
@@ -489,38 +579,29 @@ let commentInput = ref("")
// 提交回答-评论
const submitAnswerComments = (index, i) => {
console.log(index, "index")
// answerList.value[index]['commentState'] = true
const targetCommentList = [...commentList.value]
let content = ""
let parentid = null
let targetToken = ""
if (index) targetToken = targetCommentList[index]["token"]
else targetToken = token
if (index == null) content = commentInputTop.value
else content = commentInput.value
console.log("content", content)
if (i != null) {
parentid = targetCommentList[index]["child"][i]["id"]
} else if (index != null) {
parentid = targetCommentList[index]["id"]
}
console.log("parentid", parentid)
if (i != null) parentid = targetCommentList[index]["child"][i]["id"]
else if (index != null) parentid = targetCommentList[index]["id"]
detailsSubmitommentListHttp({
content,
token: targetToken,
// parentid,
token,
parentid,
}).then(res => {
if (res.code != 200) return
let data = res.data
console.log("data", data)
isdisplay.value = true
if (i != null) {
console.log("111", targetCommentList[index]["child"][i])
let targetData = {
id: data["commentid"],
content,
@@ -533,6 +614,8 @@ const submitAnswerComments = (index, i) => {
...data,
}
console.log("targetData", targetData)
targetCommentList[index]["child"].unshift(targetData)
targetCommentList[index]["childnum"]++
} else {
@@ -545,11 +628,24 @@ const submitAnswerComments = (index, i) => {
...data,
child: [],
}
targetCommentList.unshift(targetData)
commentCount.value++
if (index != null) {
targetCommentList[index]["child"].unshift(targetData)
targetCommentList[index]["childnum"]++
} else {
targetCommentList.unshift(targetData)
commentCount.value++
}
}
commentComments.value++
commentList.value = targetCommentList
// 请求 输入框的数据
commentInputTop.value = ""
commentInput.value = ""
isEmptyState.value = false // 取消有可能的 没有评论
closeAnswerCommentsChild()
ElMessage({
message: res.message,
type: "success",
@@ -604,12 +700,17 @@ let copyText = text => {
// 点击点赞
const handleLike = () => {
if (islike.value) {
ElMessage.error("不可取消点赞")
return
}
operateLikeHttp({ token }).then(res => {
if (res.code != 200) return
let data = res.data
info.value["likenum"] = data["count"]
islike.value = data["status"]
isdisplay.value = true
ElMessage({
message: res.message,
type: "success",
@@ -641,7 +742,11 @@ const handleItem = uni => {
uniqid = uni
info.value = {}
// info.value = {}
info.value["message"] = ""
info.value["subject"] = ""
info.value["profession"] = ""
qrcode.value = ""
iscollection.value = 0
isdisplay.value = true
@@ -656,7 +761,8 @@ const handleItem = uni => {
// clearAllData()
nextTick(() => getDetails())
// replaceState(uni)
replaceState(uni)
}
// 修改 url
@@ -665,6 +771,77 @@ const replaceState = uni => {
// 替换当前URL，但不刷新页面
window.history.pushState({}, "", `${window.location.origin}/details/${uni}`)
}
let reportAlertShow = ref(false)
let reportToken = ref("")
// 点击打开举报
const report = token => {
reportToken.value = token
reportAlertShow.value = true
}
provide("reportAlertShow", reportAlertShow)
// seo的
if (process.server) {
try {
await detailsHttp({ uniqid }).then(res => {
if (res.code != 200) {
ElMessage.error(res.message)
return
}
let data = res.data
token = data["token"]
info.value = data["info"]
seo.value = data.seo
iscollection.value = data.iscollection
isdisplay.value = data.isdisplay
islike.value = data.islike
ismyself.value = data.ismyself
qrcode.value = data["share"]["qrcode"]
if (relatedlist.value.length == 0) getRelatedlistHttp()
else CalculateSelectedList()
detailsLoading.value = false
getCommentListHttp()
})
await relatedlistHttp({ token, page: 1 }).then(res => {
if (res.code != 200) return
let data = res.data
relatedlist.value = data.data
relatedcount.value = data.count
CalculateSelectedList()
})
} catch (error) {}
}
const isBrowser = computed(() => {
return process.client // 使用 process.client 判断是否在浏览器环境下
})
// 点击发送信息
const sendMessage = uin => {
console.log("uin", uin)
redirectToExternalWebsite(`https://bbs.gter.net/home.php?mod=space&showmsg=1&uid=${uin}`)
}
// 点击ta的主页
const TAHomePage = uin => {
redirectToExternalWebsite(`https://bbs.gter.net/home.php?mod=space&uid=${uin}`)
}
// 跳转 url
const redirectToExternalWebsite = url => {
const link = document.createElement("a")
link.href = url
link.target = "_blank"
link.click()
}
</script>
<style lang="less" scoped>
@@ -777,8 +954,8 @@ const replaceState = uni => {
// justify-content: space-between;
.mj-avatar {
width: 24px;
height: 24px;
width: 20px;
height: 20px;
margin-right: 10px;
border-radius: 50%;
}
@@ -799,7 +976,7 @@ const replaceState = uni => {
.info-item {
line-height: 20px;
&:not(:last-of-type) {
margin-bottom: 10px;
margin-bottom: 8px;
}
.info-name {
color: #7f7f7f;
@@ -826,6 +1003,7 @@ const replaceState = uni => {
scrollbar-width: none;
-ms-overflow-style: none;
position: relative;
.header {
padding: 30px 45px 25px;
@@ -837,6 +1015,10 @@ const replaceState = uni => {
margin-bottom: 15px;
}
.mj-header-left {
position: relative;
}
.mj-header {
line-height: 22px;
font-size: 13px;
@@ -913,7 +1095,8 @@ const replaceState = uni => {
.details-value {
color: #000000;
white-space: break-spaces;
// width: 693px;
&.date {
font-weight: 900;
font-style: normal;
@@ -926,6 +1109,7 @@ const replaceState = uni => {
font-size: 15px;
line-height: 30px;
position: relative;
width: 693px;
.unlock-mask {
display: none;
@@ -950,7 +1134,7 @@ const replaceState = uni => {
justify-content: flex-end;
padding-bottom: 38px;
line-height: normal;
// display: none;
display: flex;
> div {
margin-top: 7px;
@@ -1067,7 +1251,8 @@ const replaceState = uni => {
.comments-time {
color: #aaaaaa;
margin-right: 8px;
// margin-right: 8px;
margin-right: 10px;
}
.comments-identity {
@@ -1149,7 +1334,7 @@ const replaceState = uni => {
line-height: 22px;
color: #333;
margin-bottom: 10px;
word-break: break-all;
.comments-reply {
color: #92a1bf;
display: inline;

45
pages/index.html/index.vue
View File

@@ -1,4 +1,7 @@
<template>
<Head>
<Title>寄托面经</Title>
</Head>
<Header></Header>
<div class="search-result flexacenter" v-if="keyword">
<div class="keyword flexacenter" @click="clearKeyword">{{ keyword }} <img class="keyword-icon" src="@/assets/img/cross-circle-icon.png" /></div>
@@ -6,7 +9,7 @@
<div class="total">共 {{ count }} 条搜索数据</div>
</div>
<div class="content" ref="gridContainer">
<div class="empty-box" v-if="list.length == 0 && page == 0">
<div class="empty-box flexcenter" v-if="list.length == 0 && page == 0">
<empty hint="没有找到相关结果，请更换搜索关键词"></empty>
</div>
<template v-else>
@@ -14,11 +17,10 @@
</template>
</div>
<div class="in-end" v-if="page == 0 && list.length > 0">- 到底了 -</div>
</template>
<script setup>
import {ElMessage} from "element-plus"
import { ElMessage } from "element-plus"
const gridContainer = ref(null)
let masonryInstance = null
@@ -30,7 +32,7 @@ keyword.value = route.query["keyword"]
watchEffect(() => {
if (keyword.value != route.query["keyword"]) {
// keyword.value = route.query["keyword"]
console.log(keyword.value)
// console.log("keyword", keyword.value)
list.value = []
page.value = 1
keyword.value = route.query["keyword"]
@@ -71,9 +73,16 @@ const getList = () => {
if (page.value == 0 || loading) return
loading = true
getListHttp({page: page.value, keyword: keyword.value})
getListHttp({ page: page.value, keyword: keyword.value })
.then(res => {
if (res.code != 200) return
if (res.code != 200) {
page.value = 0
ElMessage({
message: res.message,
type: "error",
})
return
}
// console.log("res", res.code)
let data = res.data
// list.value = data.data
@@ -96,14 +105,10 @@ const getList = () => {
getList()
const handleLike = token => {
operateLikeHttp({token}).then(res => {
operateLikeHttp({ token }).then(res => {
if (res.code != 200) return
let data = res.data
console.log("data", data)
console.log(list.value, "list.value")
list.value.forEach(element => {
console.log(element, "element")
if (element["token"] == token) {
@@ -129,6 +134,24 @@ const router = useRouter()
const clearKeyword = () => {
router.push(`/index.html`)
}
try {
if (process.server) {
await getListHttp({ page: 1, keyword: keyword.value }).then(res => {
if (res.code != 200) {
page.value = 0
ElMessage({
message: res.message,
type: "error",
})
return
}
let data = res.data
list.value = list.value.concat(data.data || [])
})
}
} catch (error) {}
</script>
<style scoped lang="less">

189
pages/publish/index.vue
View File

@@ -1,9 +1,9 @@
<template>
<div class="flexacenter save-box save-left">
<div class="flexacenter save-box save-left" @click="submit(0)">
<img class="save-icon" src="@/assets/img/arrow-gray.png" />
保存并退出
</div>
<div class="flexacenter save-box save-right">
<div class="flexacenter save-box save-right" @click="abandonSaving">
放弃保存
<img class="save-icon" src="@/assets/img/cross-icon.png" />
</div>
@@ -21,7 +21,7 @@
<div class="info-item flexacenter">
<div class="info-name">院校</div>
<div class="flex1">
<el-autocomplete v-model="state1" :fetch-suggestions="querySearch" clearable class="inline-input w-50" placeholder="输入关键词，选择院校" @select="handleSelect">
<el-autocomplete debounce v-model="info.school" :fetch-suggestions="querySchoolSearch" clearable class="inline-input w-50" placeholder="输入关键词，选择院校" @select="handleSchoolSelect" :trigger-on-focus="false">
<template #suffix>
<img class="" src="@/assets/img/arrow-black.svg" />
</template>
@@ -31,7 +31,7 @@
<div class="info-item flexacenter">
<div class="info-name">专业</div>
<div class="flex1">
<el-autocomplete v-model="state1" :fetch-suggestions="querySearch" clearable class="inline-input w-50" placeholder="输入关键词，选择专业" @select="handleSelect">
<el-autocomplete v-model="info.profession" :fetch-suggestions="queryMajorSearch" clearable class="inline-input w-50" placeholder="输入关键词，选择专业" @select="handleMajorSelect" :trigger-on-focus="false">
<template #suffix>
<img class="" src="@/assets/img/arrow-black.svg" />
</template>
@@ -40,7 +40,7 @@
</div>
<div class="info-item flexacenter">
<div class="info-name">项目</div>
<el-input class="flex1 input" placeholder="请输入"></el-input>
<el-input class="flex1 input" placeholder="请输入" v-model="info.project"></el-input>
</div>
</div>
</div>
@@ -53,7 +53,7 @@
<div class="time-box item-input-box flexacenter">
<el-config-provider :locale="zhCn">
<el-date-picker v-model="value1" type="date" placeholder="请选择" size="large" class="flex1 flexacenter" :clear-icon="{}" />
<el-date-picker v-model="info.interviewtime" type="date" placeholder="请选择" size="large" class="flex1 flexacenter" :clear-icon="{}" value-format="YYYY-MM-DD" />
</el-config-provider>
<img class="calendar-icon" src="@/assets/img/calendar-icon.svg" />
</div>
@@ -65,11 +65,12 @@
<div class="asterisk">*</div>
</div>
<div class="title-box item-input-box flexacenter"><el-input v-model="title" placeholder="给你的面经帖起一个吸引的标题吧"></el-input></div>
<div class="title-box item-input-box flexacenter"><el-input v-model="info.subject" placeholder="给你的面经帖起一个吸引的标题吧"></el-input></div>
</div>
</div>
<div class="visible-box flexacenter">
<img class="visible-icon" src="@/assets/img/frame-no.svg" />
<div class="visible-box flexacenter" @click="cutVisible()">
<img class="visible-icon" v-if="info.isvisiblereply == 0" src="@/assets/img/frame-no.svg" />
<img class="visible-icon" v-else src="@/assets/img/frame-pitch.svg" />
回复/点赞可见
</div>
</div>
@@ -80,9 +81,8 @@
面试构成及过程
<div class="asterisk">*</div>
</div>
<div class="course-box">
<el-input v-model="course" type="textarea" placeholder="例如：项目介绍、面试时长、面试官、问题QA、需要注意的地方"></el-input>
<el-input v-model="info.message" type="textarea" autosize placeholder="例如：项目介绍、面试时长、面试官、问题QA、需要注意的地方"></el-input>
</div>
</div>
</div>
@@ -94,80 +94,159 @@
<div class="floor-box">
<div class="box flexacenter">
<div class="anonymous-box flexacenter">
<img class="anonymous-icon" src="@/assets/img/frame-pitch.svg" />
<!-- <img class="anonymous-icon" src="@/assets/img/frame-no.svg" /> -->
<div class="anonymous-box flexacenter" @click="cutAnonymous()">
<img class="anonymous-icon" v-if="info.anonymous == 0" src="@/assets/img/frame-no.svg" />
<img class="anonymous-icon" v-else src="@/assets/img/frame-pitch.svg" />
匿名发表
<div class="text">（发布后可修改）</div>
</div>
<div class="issue-btn flexcenter">发布</div>
<div class="issue-btn flexcenter" @click="submit()">发布</div>
</div>
</div>
</template>
<script setup>
import { ElMessage } from "element-plus"
import zhCn from "element-plus/dist/locale/zh-cn.mjs"
const router = useRouter()
const state1 = ref("")
const restaurants = ref([])
let aaa = ref(1703001600000)
onMounted(() => {
restaurants.value = loadAll()
getInit()
})
let token = ""
const getInit = () => {
publishInitHttp().then(res => {
console.log("res", res)
if (res.code != 200) {
ElMessage.error(res.message)
return
}
const data = res.data
token = data["token"]
let interviewtime = data["info"]["interviewtime"] || 0
if (interviewtime) data["info"]["interviewtime"] = handleDate(interviewtime)
console.log(interviewtime, "interviewtime")
info.value = { ...data["info"] }
console.log(token)
})
}
const querySearch = (queryString, cb) => {
// https://offer.gter.net/miniprogram/InterviewExperience/schoolSearch
// 处理初始化 面试时间的 时间戳格式
const handleDate = timestamp => {
// 使用Date对象将时间戳转换为日期对象
var date = new Date(timestamp * 1000)
// 获取年份、月份和日期
var year = date.getFullYear()
var month = ("0" + (date.getMonth() + 1)).slice(-2) // 月份从0开始，需要加1并补0
var day = ("0" + date.getDate()).slice(-2) // 获取日期并补0
// 拼接为yyyy-mm-dd格式的日期字符串
var formattedDate = year + "-" + month + "-" + day
return formattedDate
}
let info = ref({
school: "", // 学校
profession: "", // 专业
project: "", // 项目时间
interviewtime: "", // 面试时间
subject: "", //标题
isvisiblereply: 0, // 回复点赞可见
message: "", // 过程
anonymous: 0, // 匿名状态
})
// 关键字搜索学校
const querySchoolSearch = (queryString, cb) => {
publishSchoolSearchHttp({ keyword: queryString }).then(res => {
// console.log("res", res)
if (res.code != 200) return
let data = res.data
console.log(data, "data")
let data = res.data || []
let isRepetition = false
data.forEach(element => {
console.log(element, "element")
element['value']
element["value"] = element["name"]
if (element["name"] == queryString) isRepetition = true
})
if (!isRepetition) {
data.unshift({
value: queryString,
})
}
cb(data)
})
return
const results = queryString ? restaurants.value.filter(createFilter(queryString)) : restaurants.value
// call callback function to return suggestions
cb(results)
}
const createFilter = queryString => {
return restaurant => {
return restaurant.value.toLowerCase().indexOf(queryString.toLowerCase()) === 0
}
}
const loadAll = () => {
return [
{ value: "vue", link: "https://github.com/vuejs/vue" },
{ value: "element", link: "https://github.com/ElemeFE/element" },
{ value: "cooking", link: "https://github.com/ElemeFE/cooking" },
{ value: "mint-ui", link: "https://github.com/ElemeFE/mint-ui" },
{ value: "vuex", link: "https://github.com/vuejs/vuex" },
{ value: "vue-router", link: "https://github.com/vuejs/vue-router" },
{ value: "babel", link: "https://github.com/babel/babel" },
]
// 选择院校
const handleSchoolSelect = item => (info.value["schoolid"] = item["id"] || 0)
// 关键字搜索专业
const queryMajorSearch = (queryString, cb) => {
publishProfessionSearchHttp({ keyword: queryString }).then(res => {
if (res.code != 200) return
let data = res.data || []
let isRepetition = false
data.forEach(element => {
element["value"] = element["name"]
if (element["name"] == queryString) isRepetition = true
})
if (!isRepetition) {
data.unshift({
value: queryString,
})
}
cb(data)
})
}
const handleSelect = item => {
console.log(item)
// 选择专业
const handleMajorSelect = item => (info.value["profession_id"] = item["id"] || 0)
// 切换匿名状态
const cutAnonymous = () => {
info.value["anonymous"] = info.value["anonymous"] == 0 ? 1 : 0
}
const value1 = ref("")
const title = ref("")
const course = ref("")
// 切换回复可见状态
const cutVisible = () => {
info.value["isvisiblereply"] = info.value["isvisiblereply"] == 0 ? 1 : 0
}
// 提交发布
const submit = (status = 1) => {
console.log(info.value)
publishSubmitHttp({ info: info.value, token, status }).then(res => {
if (res.code != 200) {
ElMessage.error(res.message)
return
}
const data = res.data
console.log("data", data)
ElMessage.success(res.message)
router.push(`/details/${data["uniqid"]}`)
})
}
// 放弃保存 跳跃上一页或者首页
const abandonSaving = () => {
// console.log("router.currentRoute.value.meta.previousPage", router.currentRoute.value.meta.previousPage)
if (router.currentRoute.value.meta.previousPage) router.go(-1)
else router.push("./index.html") // 跳转到首页
}
// 保存并退出
const saveAndExit = () => {
console.log("saveAndExit")
}
</script>
<style scoped lang="less">
@@ -291,6 +370,7 @@ const course = ref("")
font-size: 14px;
color: #555555;
cursor: pointer;
user-select: none;
.visible-icon {
width: 18px;
height: 18px;
@@ -353,6 +433,7 @@ const course = ref("")
cursor: pointer;
color: #333333;
font-size: 14px;
user-select: none;
.text {
color: rgb(170, 170, 170);