diff --git a/src/api/api.js b/src/api/api.js index e5ffb5a..9358e99 100644 --- a/src/api/api.js +++ b/src/api/api.js @@ -34,7 +34,7 @@ export const EXAMINATION_QUERYEXAMINATIONDETAILBYID = '/examination/queryExamina export const DISCUSS_COLLECTION = '/discussSubmit/clickDiscussCollectionCountOr post' export const DISCUSS_LIKE = '/discussSubmit/clickDiscussLikeCountOr post' export const DISCUSS_LIST = '/discussSubmit/list' -export const DISCUSS_DETAIL = '/discuss/getDiscussDetail' +export const DISCUSS_DETAIL = '/discussSubmit/detail' export const DISCUSS_SUBMIT_REVIEW_LIST = '/discussSubmit/queryDiscussSubmitAndReview' export const COMMENT_LIST = '/comment/list' diff --git a/src/api/request.js b/src/api/request.js index 689d18b..bfe5eb0 100644 --- a/src/api/request.js +++ b/src/api/request.js @@ -1,28 +1,64 @@ import router from "@/router"; -import {ref, watch} from "vue"; +import {reactive, ref, toRefs, watch} from "vue"; import axios from 'axios'; +export function usePage(_url, param) { + + const state = reactive({ + data: {}, + loading: false, + total: 0, + size: 10, + current: 1, + params: {pageNo: 1, pageSize: 10, ...param} + }) + + watch(param, () => { + state.params = {...state.params, ...param} + fetchData() + }) + + function fetchData() { + state.loading = true + request(_url, state.params).then(r => { + state.params.pageNo === 1 ? (state.data = r.data.records) : (state.data = [...state.data, ...r.data.records]) + state.size = r.data.size + state.total = r.data.total + state.current = r.data.current + state.loading = false + }) + } + + fetchData() + return { + ...toRefs(state), + fetchData, + }; +} + export function useRequest(_url, params = {}) { - const data = ref({}) - const loading = ref(false) + const state = reactive({ + data: {}, + loading: false, + + }) watch(params, () => { fetchData() }) function fetchData() { - loading.value = true + state.loading = true request(_url, params).then(r => { - data.value = r.data - loading.value = false + state.data = r.data + state.loading = false }) } fetchData() return { - data, - loading, + ...toRefs(state), fetchData, }; } diff --git a/src/views/discuss/DiscussPage.vue b/src/views/discuss/DiscussPage.vue index 3fdd151..68bcbd9 100644 --- a/src/views/discuss/DiscussPage.vue +++ b/src/views/discuss/DiscussPage.vue @@ -39,21 +39,18 @@
{{ projectInfo.name }}
- - +
{{ item.name }}
-
进行中
- - - +
@@ -115,13 +112,13 @@ function comment({discussId: id}) { function like(d) { d.praised ? (d.praiseNum -= 1) : (d.praiseNum += 1) d.praised = !d.praised - request(COMMENT_PRAISE, {targetId: d.discussId, type: 5}) + request(COMMENT_PRAISE, {targetId: d.discussId, type: 3}) } function collection(d) { d.collected ? (d.collectionNum -= 1) : (d.collectionNum += 1) d.collected = !d.collected - request(COMMENT_COLLECTION, {targetId: d.discussId, type: 6}) + request(COMMENT_COLLECTION, {targetId: d.discussId, type: 4}) } @@ -174,9 +171,7 @@ function collection(d) { background: #ffffff; border-radius: 8px; margin-top: 24px; - // display: flex; - // flex-direction: column; - // align-items: center; + display: block; .middletitle { display: flex; margin-top: 64px; @@ -216,7 +211,7 @@ function collection(d) { .line { display: flex; margin: 47px 45px 0 75px; - max-width: 1810px; + //max-width: 1810px; // height: 50px; background: #f9f9f9; position: relative; diff --git a/src/views/discussdetail/DiscussDetail.vue b/src/views/discussdetail/DiscussDetail.vue index 31a25d2..f06f442 100644 --- a/src/views/discussdetail/DiscussDetail.vue +++ b/src/views/discussdetail/DiscussDetail.vue @@ -37,37 +37,36 @@
- {{ disDetail.discussName }} + {{ disDetail.projectName }}
-
-
{{ disDetail.discussExplain }}
+
{{ disDetail.stageName }}
-
进行中
-
{{ data.discussSubmitTitle }}
-
{{ disDetail.discussName }}
+
- -
{{ data.discussLikeCount }}
+ +
{{ disDetail.praiseNum || 0 }}
-
-
{{ data.discussCollectionCount }}
+ :style="{color: disDetail.collected?'red':'#b3bdc4',marginLeft: '19px'}"> +
{{ disDetail.collectionNum || 0 }}
- {{ data.discussSubmitTitle }} + {{ disDetail.discussExplain }}
@@ -75,15 +74,14 @@
-
{{ textarealength }}/100
+
{{ disComment.content.length }}/100
@@ -105,62 +103,61 @@
-
+
-
{{ row.stuName }}
- +
{{ row.userName }}
(显示事业)
理性思考,崇尚科学
- {{ row.discussReviewContent }} + {{ row.content }}
- -
{{ row.createTime }}
+
{{ row.ctime }}
- -
{{ row.discussLikeCount }}
+ +
- -
{{ row.discussLikeCount }}
+ +
{{ row.praiseNum || 0 }}
-
+
-
{{ replay.stuName }}
+
{{ replay.userName }}
回复
-
{{ row.stuName }}
-
{{ replay.createTime }}
+
{{ row.userName }}
+
{{ replay.ctime }}
- {{ replay.replyContent }} + {{ replay.content }}
-
{{ replay.discussLikeCount }}
+
- -
{{ replay.discussLikeCount }}
+ +
{{ replay.praiseNum || 0 }}
@@ -171,15 +168,14 @@
-
{{ textarealength2 }}/100
+
{{ replayComment.content.length }}/100
@@ -194,8 +190,7 @@
上传图片
- - +
@@ -209,51 +204,33 @@ @@ -378,7 +367,6 @@ function submitComment() { .line { display: flex; margin: 47px 45px 0 75px; - max-width: 1810px; height: 50px; background: #f9f9f9; position: relative;