hz/fe-student
1
0
Fork 0
mirror of https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/fe-student.git synced 2025-12-12 20:36:48 +08:00
Code Issues Packages Projects Releases Wiki Activity

接口初始化 第一版

Browse Source
This commit is contained in:
yuping
2022-12-11 23:56:13 +08:00
parent b98e1f29be
commit 1693c2db1d
5 changed files with 111 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files

45
src/views/discuss/DiscussPage.vue
View File

@@ -63,18 +63,18 @@
{{ d.discussExplain }}
</div>
<div class="allstar clearfix">
<div @click="comment(i)" style="display: flex;cursor: pointer">
<div @click="comment(d)" style="display: flex;cursor: pointer">
<span class="iconfont icon-pinglun" style="color:#b3bdc4"></span>
<div class="count"> {{ d.discussReviewCount }}</div>
<div class="count"> {{ d.commentNum || 0 }}</div>
</div>
<div @click="like(i)" style="display: flex;cursor: pointer">
<span class="iconfont icon-dianzan" :style="{color:d.isLike?'red':'#b3bdc4',marginLeft: '19px'}"></span>
<div class="count"> {{ d.discussLikeCount }}</div>
<div @click="like(d)" style="display: flex;cursor: pointer">
<span class="iconfont icon-dianzan" :style="{color:d.praised?'red':'#b3bdc4',marginLeft: '19px'}"></span>
<div class="count"> {{ d.praiseNum || 0 }}</div>
</div>
<div @click="collection(i)" style="display: flex;cursor: pointer">
<div @click="collection(d)" style="display: flex;cursor: pointer">
<span class="iconfont icon-shoucang"
:style="{color:d.isCollection?'red':'#b3bdc4',marginLeft: '19px'}"></span>
<div class="count"> {{ d.discussCollectionCount }}</div>
:style="{color:d.collected?'red':'#b3bdc4',marginLeft: '19px'}"></span>
<div class="count"> {{ d.collectionNum || 0 }}</div>
</div>
</div>
<div class="thinline"></div>
@@ -87,7 +87,11 @@
<script setup>
import {request, useRequest} from "@/api/request";
import {DISCUSS_COLLECTION, DISCUSS_DETAIL, DISCUSS_LIKE, DISCUSS_LIST, TASK_VOTE_DETAIL} from "@/api/api";
import {
COMMENT_COLLECTION,
COMMENT_PRAISE,
DISCUSS_LIST,
} from "@/api/api";
import {reactive, ref, toRefs} from "vue";
import {useRoute, useRouter} from "vue-router";
@@ -100,29 +104,24 @@ const param = ref({
})
const {data: projectInfo} = useRequest(DISCUSS_LIST, param.value)
const {data: disDetail} = useRequest(DISCUSS_DETAIL, {id})
const state = reactive({
activeName: "first",
});
function comment(i) {
const id = data.value.rows[i].discussId
function comment({discussId: id}) {
router.push({path: 'discussdetail', query: {id}})
}
//todo 帖子点赞收藏 是否已经点赞收藏
function like(i) {
data.value.rows[i].isLike ? (data.value.rows[i].discussLikeCount -= 1) : (data.value.rows[i].discussLikeCount += 1)
data.value.rows[i].isLike = !data.value.rows[i].isLike
const discussSubmitId = data.value.rows[i].discussSubmitId
request(DISCUSS_LIKE, {discussSubmitId})
function like(d) {
d.praised ? (d.praiseNum -= 1) : (d.praiseNum += 1)
d.praised = !d.praised
request(COMMENT_PRAISE, {targetId: d.discussId, type: 5})
}
function collection(i) {
data.value.rows[i].isCollection ? (data.value.rows[i].discussCollectionCount -= 1) : (data.value.rows[i].discussCollectionCount += 1)
data.value.rows[i].isCollection = !data.value.rows[i].isCollection
const discussSubmitId = data.value.rows[i].discussSubmitId
request(DISCUSS_COLLECTION, {discussSubmitId})
function collection(d) {
d.collected ? (d.collectionNum -= 1) : (d.collectionNum += 1)
d.collected = !d.collected
request(COMMENT_COLLECTION, {targetId: d.discussId, type: 6})
}
</script>