no message
This commit is contained in:
A1300399510
@@ -9,9 +9,7 @@
|
||||
<div class="content flexflex">
|
||||
<div class="left">
|
||||
<div class="school-box flexcenter">
|
||||
<a :href="info['school']?.['url']" target="_blank">
|
||||
<img class="school-icon" :src="info['school']?.['image']" />
|
||||
</a>
|
||||
<a class="school-box-icon" :href="info['school']?.['url']" target="_blank"><img class="school-icon" v-if="info['school']?.['image']" :src="info['school']?.['image']" /></a>
|
||||
<a class="school-name" :href="info['school']?.['url']" target="_blank">{{ info["school"]?.["name"] }}</a>
|
||||
<a class="school-en-name" :href="info['school']?.['url']" target="_blank">{{ info["school"]?.["enname"] }}</a>
|
||||
</div>
|
||||
@@ -22,7 +20,7 @@
|
||||
个面经
|
||||
</div>
|
||||
<div class="mj-list">
|
||||
<div class="mj-item flexflex" :class="{pitch: pitchIndex == index}" v-for="(item, index) in relatedlist" :key="index" @click="handleItem(item['uniqid'])">
|
||||
<a class="mj-item flexflex" :class="{ pitch: pitchIndex == index }" v-for="(item, index) in relatedlist" :key="index" @click.prevent="handleItem(item['uniqid'])" :href="`./details/${item['uniqid']}`">
|
||||
<img class="item-bj" src="@/assets/img/item-bj.svg" />
|
||||
<div class="mj-header flexacenter">
|
||||
<img class="mj-avatar" :src="item['avatar']" />
|
||||
@@ -44,7 +42,7 @@
|
||||
<div class="info-value flex1 ellipsis">{{ item["interviewtime"] }}</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="right flex1">
|
||||
@@ -58,7 +56,7 @@
|
||||
</div>
|
||||
<div class="mj-header-right flexacenter">
|
||||
<img class="eye-icon" src="@/assets/img/eye-icon.svg" />
|
||||
96
|
||||
{{ info["views"] }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -93,7 +91,7 @@
|
||||
<div class="details-top">面试过程及内容</div>
|
||||
<div class="details-list">
|
||||
<div class="details-list-item flexacenter">
|
||||
<div class="details-value describe" :class="{'unlock-unlock': !isdisplay}" v-if="info['message']">
|
||||
<div class="details-value describe" :class="{ 'unlock-unlock': !isdisplay }" v-if="info['message']">
|
||||
{{ info["message"] }}
|
||||
<div class="unlock-mask flexflex">
|
||||
<div class="">作者设置了浏览限制</div>
|
||||
@@ -112,93 +110,99 @@
|
||||
<div class="comment-box">
|
||||
<div class="comment-title flexacenter">
|
||||
讨论
|
||||
<div class="value">{{ commentCount }}</div>
|
||||
<div class="value">{{ commentCount || "" }}</div>
|
||||
</div>
|
||||
<div class="post-comment flexacenter">
|
||||
<textarea class="post-input flex1" placeholder="说说你的想法或疑问…" v-model="commentInputTop"></textarea>
|
||||
<div class="post-ok flexcenter" @click="submitAnswerComments">OK</div>
|
||||
<div class="post-ok flexcenter" @click="submitAnswerComments()">发送</div>
|
||||
</div>
|
||||
|
||||
<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-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>
|
||||
<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>
|
||||
<template v-if="isEmptyState">
|
||||
<div class="empty-box">
|
||||
<Empty hint="说说你的观点吧"></Empty>
|
||||
</div>
|
||||
</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-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>
|
||||
<img class="comment-icon" @click="openAnswerCommentsChild(index)" src="@/assets/img/comment-icon-gray.svg" />
|
||||
<div class="flexacenter like-box">
|
||||
<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>
|
||||
<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>
|
||||
<img class="comment-icon" @click="openAnswerCommentsChild(index)" src="@/assets/img/comment-icon-gray.svg" />
|
||||
<div class="flexacenter like-box">
|
||||
<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>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="comment-text">{{ item["content"] }}</div>
|
||||
<!-- <div class="comments-input-box flexacenter" v-if="item['childState']"> -->
|
||||
<div class="comments-input-box flexacenter" v-if="item['childState']">
|
||||
<div class="comments-input flexflex">
|
||||
<textarea class="flex1" placeholder="回复" v-model="commentInput"></textarea>
|
||||
<div class="comments-btn flexcenter" @click="submitAnswerComments(index)">发送</div>
|
||||
<div class="comment-text">{{ item["content"] }}</div>
|
||||
<!-- <div class="comments-input-box flexacenter" v-if="item['childState']"> -->
|
||||
<div class="comments-input-box flexacenter" v-if="item['childState']">
|
||||
<div class="comments-input flexflex">
|
||||
<textarea class="flex1" placeholder="回复" v-model="commentInput"></textarea>
|
||||
<div class="comments-btn flexcenter" @click="submitAnswerComments(index)">发送</div>
|
||||
</div>
|
||||
<img class="forkfork" @click="closeAnswerCommentsChild(index)" src="@/assets/img/cross-icon.png" />
|
||||
</div>
|
||||
<img class="forkfork" @click="closeAnswerCommentsChild(index)" src="@/assets/img/cross-icon.png" />
|
||||
</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-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>
|
||||
<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="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-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>
|
||||
<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="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>
|
||||
<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>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="comment-text">
|
||||
<div class="comments-reply" v-if="JSON.stringify(ite['reply']) != '[]'">@{{ ite["reply"]["nickname"] }}</div>
|
||||
{{ item["content"] }}
|
||||
</div>
|
||||
<div class="comments-input-box flexacenter" v-if="ite['childState']">
|
||||
<div class="comments-input flexflex">
|
||||
<textarea class="flex1" placeholder="回复" v-model="commentInput"></textarea>
|
||||
<div class="comments-btn flexcenter" @click="submitAnswerComments(index, i)">发送</div>
|
||||
<div class="comment-text">
|
||||
<div class="comments-reply" v-if="JSON.stringify(ite['reply']) != '[]'">@{{ ite["reply"]["nickname"] }}</div>
|
||||
{{ item["content"] }}
|
||||
</div>
|
||||
<div class="comments-input-box flexacenter" v-if="ite['childState']">
|
||||
<div class="comments-input flexflex">
|
||||
<textarea class="flex1" placeholder="回复" v-model="commentInput"></textarea>
|
||||
<div class="comments-btn flexcenter" @click="submitAnswerComments(index, i)">发送</div>
|
||||
</div>
|
||||
<img class="forkfork" @click="closeAnswerCommentsChild(index, i)" src="@/assets/img/cross-icon.png" />
|
||||
</div>
|
||||
<img class="forkfork" @click="closeAnswerCommentsChild(index, i)" src="@/assets/img/cross-icon.png" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 还有几个 -->
|
||||
<div class="comments-also flexacenter" v-if="item['childnum'] >= 3 && item['childnum'] > item['child'].length" @click="alsoCommentsData(index)">
|
||||
<div class="">还有{{ item["childnum"] - item["child"].length }}条回复</div>
|
||||
<img class="also-icon" src="@/assets/img/arrow-circular-gray.png" />
|
||||
<!-- 还有几个 -->
|
||||
<div class="comments-also flexacenter" v-if="item['childnum'] >= 3 && item['childnum'] > item['child'].length" @click="alsoCommentsData(index)">
|
||||
<div class="">还有{{ item["childnum"] - item["child"].length }}条回复</div>
|
||||
<img class="also-icon" src="@/assets/img/arrow-circular-gray.png" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="comment-end" v-if="commentPage == 0 && commentList.length != 0">· End ·</div>
|
||||
<div class="comment-end" v-if="commentPage == 0 && commentList.length != 0">· End ·</div>
|
||||
</template>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -264,6 +268,7 @@
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { ElMessage } from "element-plus"
|
||||
const route = useRoute()
|
||||
let uniqid = route.params.id
|
||||
|
||||
@@ -273,6 +278,34 @@ onMounted(() => {
|
||||
getDetails()
|
||||
})
|
||||
|
||||
watch(route, () => {
|
||||
clearAllData()
|
||||
|
||||
nextTick(() => getDetails())
|
||||
})
|
||||
|
||||
// 清空全部数据
|
||||
const clearAllData = () => {
|
||||
info.value = {}
|
||||
qrcode.value = ""
|
||||
iscollection.value = 0
|
||||
isdisplay.value = true
|
||||
islike.value = 0
|
||||
ismyself.value = 0
|
||||
|
||||
relatedlist.value = []
|
||||
relatedcount.value = 0
|
||||
|
||||
pitchIndex.value = null
|
||||
|
||||
seo.value = {}
|
||||
commentCount.value = 0
|
||||
commentPage.value = 1
|
||||
commentList.value = []
|
||||
commentLoading = false
|
||||
token = ""
|
||||
}
|
||||
|
||||
let floorRightState = ref(false) // 右下角 的二维码显示状态
|
||||
|
||||
const handleFloorRight = value => {
|
||||
@@ -290,7 +323,7 @@ let islike = ref(0) // 是否点赞
|
||||
let ismyself = ref(0) // 是否是作者
|
||||
|
||||
const getDetails = () => {
|
||||
detailsHttp({uniqid}).then(res => {
|
||||
detailsHttp({ uniqid }).then(res => {
|
||||
if (res.code != 200) return
|
||||
let data = res.data
|
||||
token = data["token"]
|
||||
@@ -303,7 +336,6 @@ const getDetails = () => {
|
||||
qrcode.value = data["share"]["qrcode"]
|
||||
|
||||
getCommentListHttp()
|
||||
|
||||
if (relatedlist.value.length == 0) getRelatedlistHttp()
|
||||
else CalculateSelectedList()
|
||||
})
|
||||
@@ -339,7 +371,7 @@ let relatedcount = ref(0)
|
||||
let pitchIndex = ref(null) // 列表选中 index
|
||||
|
||||
const getRelatedlistHttp = () => {
|
||||
relatedlistHttp({token, page: 1}).then(res => {
|
||||
relatedlistHttp({ token, page: 1 }).then(res => {
|
||||
if (res.code != 200) return
|
||||
|
||||
let data = res.data
|
||||
@@ -357,15 +389,16 @@ let commentPage = ref(1)
|
||||
let commentList = ref([])
|
||||
let commentLoading = false
|
||||
let token = ""
|
||||
let isEmptyState = ref(false) // 评论是否为空
|
||||
|
||||
// 获取详情评论数据
|
||||
const getCommentListHttp = () => {
|
||||
console.log(commentPage.value, "commentPage.value")
|
||||
if (commentPage.value == 0 || commentLoading) return
|
||||
commentLoading = true
|
||||
detailsCommentListHttp({
|
||||
page: commentPage.value,
|
||||
childlimit: 1,
|
||||
limit: commentPage.value == 1 ? 3 : 10,
|
||||
// page: commentPage.value,
|
||||
// childlimit: 1,
|
||||
// limit: commentPage.value == 1 ? 3 : 10,
|
||||
token,
|
||||
})
|
||||
.then(res => {
|
||||
@@ -374,6 +407,9 @@ const getCommentListHttp = () => {
|
||||
|
||||
let data = res.data
|
||||
commentCount.value = data["count"]
|
||||
if (data["count"] == 0) isEmptyState.value = true
|
||||
else isEmptyState.value = false
|
||||
|
||||
commentList.value = commentList.value.concat(data["data"])
|
||||
|
||||
if (commentList.value.length == data["count"]) commentPage.value = 0
|
||||
@@ -386,9 +422,7 @@ const getCommentListHttp = () => {
|
||||
const alsoCommentsData = (index, ind) => {
|
||||
// const targetAnswerList = [...answerList.value]
|
||||
|
||||
// console.log(commentList.value[index])
|
||||
let targetCommentItem = {...commentList.value[index]}
|
||||
console.log(targetCommentItem, "targetCommentItem")
|
||||
let targetCommentItem = { ...commentList.value[index] }
|
||||
const token = targetCommentItem["token"]
|
||||
const parentid = targetCommentItem["id"]
|
||||
let page = targetCommentItem["childPage"] ?? 1
|
||||
@@ -402,14 +436,12 @@ const alsoCommentsData = (index, ind) => {
|
||||
}).then(res => {
|
||||
if (res.code != 200) return
|
||||
let data = res.data
|
||||
|
||||
// console.log("data", data)
|
||||
|
||||
targetCommentItem.child = targetCommentItem.child.concat(data.data)
|
||||
targetCommentItem["childnum"] = data.count
|
||||
|
||||
if (targetCommentItem.child.length == data["count"]) page = 0
|
||||
else page++
|
||||
|
||||
targetCommentItem["childPage"] = page
|
||||
|
||||
commentList.value[index] = targetCommentItem
|
||||
@@ -457,17 +489,20 @@ let commentInput = ref("")
|
||||
|
||||
// 提交回答-评论
|
||||
const submitAnswerComments = (index, i) => {
|
||||
console.log(index, "index")
|
||||
// answerList.value[index]['commentState'] = true
|
||||
const targetCommentList = [...commentList.value]
|
||||
let content = ""
|
||||
let parentid = 0
|
||||
let token = targetCommentList[index]["token"]
|
||||
|
||||
console.log("index", index, targetCommentList[index])
|
||||
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) {
|
||||
@@ -478,15 +513,13 @@ const submitAnswerComments = (index, i) => {
|
||||
|
||||
detailsSubmitommentListHttp({
|
||||
content,
|
||||
token,
|
||||
parentid,
|
||||
token: targetToken,
|
||||
// parentid,
|
||||
}).then(res => {
|
||||
if (res.code != 200) return
|
||||
let data = res.data
|
||||
|
||||
console.log("data", data)
|
||||
return
|
||||
|
||||
if (i != null) {
|
||||
let targetData = {
|
||||
id: data["commentid"],
|
||||
@@ -495,25 +528,13 @@ const submitAnswerComments = (index, i) => {
|
||||
islike: 0,
|
||||
likenum: 0,
|
||||
reply: {
|
||||
nickname: targetAnswerList[index]["commentList"][ind]["child"][i]["nickname"],
|
||||
nickname: targetCommentList[index]["child"][i]["nickname"],
|
||||
},
|
||||
...data,
|
||||
}
|
||||
|
||||
targetAnswerList[index]["commentList"][ind]["child"].unshift(targetData)
|
||||
targetAnswerList[index]["commentList"][ind]["childnum"]++
|
||||
} else if (ind != null) {
|
||||
let targetData = {
|
||||
id: data["commentid"],
|
||||
content,
|
||||
isauthor: 1,
|
||||
islike: 0,
|
||||
likenum: 0,
|
||||
reply: [],
|
||||
...data,
|
||||
}
|
||||
targetAnswerList[index]["commentList"][ind]["child"].unshift(targetData)
|
||||
targetAnswerList[index]["commentList"][ind]["childnum"]++
|
||||
targetCommentList[index]["child"].unshift(targetData)
|
||||
targetCommentList[index]["childnum"]++
|
||||
} else {
|
||||
let targetData = {
|
||||
id: data["commentid"],
|
||||
@@ -524,15 +545,15 @@ const submitAnswerComments = (index, i) => {
|
||||
...data,
|
||||
child: [],
|
||||
}
|
||||
targetAnswerList[index]["commentList"].unshift(targetData)
|
||||
targetAnswerList[index]["commentCount"]++
|
||||
targetCommentList.unshift(targetData)
|
||||
commentCount.value++
|
||||
}
|
||||
|
||||
targetAnswerList[index]["commentnum"] = data["count"]
|
||||
|
||||
closeAnswerCommentsChild()
|
||||
|
||||
handleMsg("success", res["message"] || "操作成功")
|
||||
commentList.value = targetCommentList
|
||||
ElMessage({
|
||||
message: res.message,
|
||||
type: "success",
|
||||
})
|
||||
})
|
||||
}
|
||||
|
||||
@@ -546,14 +567,11 @@ const timestampToDate = timestamp => {
|
||||
return `${year}-${month}-${day}`
|
||||
}
|
||||
|
||||
onUnmounted(() => {
|
||||
window.removeEventListener("scroll", handleScroll)
|
||||
})
|
||||
onUnmounted(() => window.removeEventListener("scroll", handleScroll))
|
||||
|
||||
// 获取完整 url
|
||||
const getFullUrl = () => {
|
||||
if (typeof window === "undefined") return
|
||||
|
||||
return window.location.href
|
||||
}
|
||||
|
||||
@@ -586,12 +604,9 @@ let copyText = text => {
|
||||
|
||||
// 点击点赞
|
||||
const handleLike = () => {
|
||||
console.log("like")
|
||||
operateLikeHttp({token}).then(res => {
|
||||
console.log("res", res)
|
||||
operateLikeHttp({ token }).then(res => {
|
||||
if (res.code != 200) return
|
||||
let data = res.data
|
||||
console.log("data", data)
|
||||
info.value["likenum"] = data["count"]
|
||||
islike.value = data["status"]
|
||||
|
||||
@@ -604,20 +619,51 @@ const handleLike = () => {
|
||||
|
||||
// 点击 收藏
|
||||
const handleCollect = () => {
|
||||
operateCollectHttp({token}).then(res => {
|
||||
console.log("res", res)
|
||||
operateCollectHttp({ token }).then(res => {
|
||||
if (res.code != 200) return
|
||||
let data = res.data
|
||||
|
||||
info.value["favnum"] = data["count"]
|
||||
iscollection.value = data["status"]
|
||||
|
||||
ElMessage({
|
||||
message: res["message"],
|
||||
type: "success",
|
||||
})
|
||||
})
|
||||
}
|
||||
|
||||
const router = useRouter()
|
||||
|
||||
// 处理点击列表
|
||||
const handleItem = uni => {
|
||||
// router.push(`/details/${uni}`)
|
||||
|
||||
uniqid = uni
|
||||
getDetails()
|
||||
|
||||
info.value = {}
|
||||
qrcode.value = ""
|
||||
iscollection.value = 0
|
||||
isdisplay.value = true
|
||||
islike.value = 0
|
||||
ismyself.value = 0
|
||||
|
||||
commentCount.value = 0
|
||||
commentPage.value = 1
|
||||
commentList.value = []
|
||||
commentLoading = false
|
||||
token = ""
|
||||
// clearAllData()
|
||||
|
||||
nextTick(() => getDetails())
|
||||
// replaceState(uni)
|
||||
}
|
||||
|
||||
// 修改 url
|
||||
const replaceState = uni => {
|
||||
if (typeof window === "undefined") return
|
||||
// 替换当前URL，但不刷新页面
|
||||
window.history.pushState({}, "", `${window.location.origin}/details/${uni}`)
|
||||
}
|
||||
</script>
|
||||
|
||||
@@ -631,26 +677,35 @@ const handleItem = uni => {
|
||||
width: 376px;
|
||||
border-right: 16px solid #f6f6f6;
|
||||
padding-top: 30px;
|
||||
height: calc(100vh - 70px);
|
||||
overflow: auto;
|
||||
|
||||
.school-box {
|
||||
flex-direction: column;
|
||||
margin-bottom: 40px;
|
||||
text-align: center;
|
||||
.school-icon {
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
|
||||
.school-box-icon {
|
||||
height: 52px;
|
||||
|
||||
.school-icon {
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
}
|
||||
.school-name {
|
||||
font-weight: 650;
|
||||
font-size: 15px;
|
||||
color: #000000;
|
||||
margin-bottom: 7px;
|
||||
height: 28px;
|
||||
}
|
||||
|
||||
.school-en-name {
|
||||
color: #555555;
|
||||
font-size: 13px;
|
||||
height: 18px;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -762,6 +817,16 @@ const handleItem = uni => {
|
||||
}
|
||||
|
||||
.right {
|
||||
height: calc(100vh - 70px);
|
||||
overflow: auto;
|
||||
|
||||
&::-webkit-scrollbar {
|
||||
width: 0 !important;
|
||||
}
|
||||
|
||||
scrollbar-width: none;
|
||||
-ms-overflow-style: none;
|
||||
|
||||
.header {
|
||||
padding: 30px 45px 25px;
|
||||
border-bottom: 1px solid #ebebeb;
|
||||
@@ -885,6 +950,7 @@ const handleItem = uni => {
|
||||
justify-content: flex-end;
|
||||
padding-bottom: 38px;
|
||||
line-height: normal;
|
||||
// display: none;
|
||||
|
||||
> div {
|
||||
margin-top: 7px;
|
||||
@@ -946,12 +1012,16 @@ const handleItem = uni => {
|
||||
height: 60px;
|
||||
background-color: rgba(98, 177, 255, 1);
|
||||
color: #fff;
|
||||
font-size: 13px;
|
||||
font-size: 14px;
|
||||
cursor: pointer;
|
||||
border-radius: 6px;
|
||||
}
|
||||
}
|
||||
|
||||
.empty-box {
|
||||
padding: 80px 0 110px;
|
||||
}
|
||||
|
||||
.comment-list {
|
||||
margin-bottom: 78px;
|
||||
.comment-item {
|
||||
|
||||
@@ -107,7 +107,6 @@
|
||||
|
||||
<script setup>
|
||||
import zhCn from "element-plus/dist/locale/zh-cn.mjs"
|
||||
console.log("zhCn", zhCn)
|
||||
|
||||
const state1 = ref("")
|
||||
|
||||
@@ -125,6 +124,21 @@ const getInit = () => {
|
||||
}
|
||||
|
||||
const querySearch = (queryString, cb) => {
|
||||
// https://offer.gter.net/miniprogram/InterviewExperience/schoolSearch
|
||||
publishSchoolSearchHttp({ keyword: queryString }).then(res => {
|
||||
// console.log("res", res)
|
||||
if (res.code != 200) return
|
||||
let data = res.data
|
||||
console.log(data, "data")
|
||||
data.forEach(element => {
|
||||
console.log(element, "element")
|
||||
element['value']
|
||||
})
|
||||
cb(data)
|
||||
})
|
||||
|
||||
return
|
||||
|
||||
const results = queryString ? restaurants.value.filter(createFilter(queryString)) : restaurants.value
|
||||
// call callback function to return suggestions
|
||||
cb(results)
|
||||
@@ -137,13 +151,13 @@ const createFilter = queryString => {
|
||||
}
|
||||
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"},
|
||||
{ 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" },
|
||||
]
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user