feat:增加关卡路线

src/views/discuss/DiscussPage.vue

@@ -2,7 +2,20 @@
   <div class="discusspage">
     <ReturnHead text="讨论详情" :ispublish="true"></ReturnHead>
     <div class="head clearfix">
-      <div class="title">{}</div>
+      <div class="title">
+        {{
+          data && data.discussDtoList && data.discussDtoList.length !== 0
+            ? data?.discussDtoList[0].discussName
+            : "-"
+        }}
+      </div>
+      <div class="title" style="margin-top: 0px">
+        {{
+          data && data.discussDtoList && data.discussDtoList.length !== 0
+            ? data?.discussDtoList[0].discussExplain
+            : "-"
+        }}
+      </div>
     </div>
 
     <div class="preview">
@@ -98,36 +111,15 @@ const router = useRouter();
 const state = reactive({
   onfo: true,
   discuss: [
-    {
-      id: 1,
-      title: "从营销角度分析：我的团队需要这些能力",
-      contain:
-        "所谓团队协作能力，是指建立在团队的基础之上，发挥团队精神、互补互助以达到团队最大工作效率的能力。对于团队的成员来说...",
-
-      pinglun: 317,
-      dianzan: 103,
-      isGood: false,
-    },
-    {
-      id: 2,
-      title: "从营销角度分析：我的团队需要这些能力",
-      contain:
-        "所谓团队协作能力，是指建立在团队的基础之上，发挥团队精神、互补互助以达到团队最大工作效率的能力。对于团队的成员来说...",
-
-      pinglun: 317,
-      dianzan: 103,
-      isGood: false,
-    },
-    {
-      id: 3,
-      title: "从营销角度分析：我的团队需要这些能力",
-      contain:
-        "所谓团队协作能力，是指建立在团队的基础之上，发挥团队精神、互补互助以达到团队最大工作效率的能力。对于团队的成员来说...",
-
-      pinglun: 317,
-      dianzan: 103,
-      isGood: false,
-    },
+    // {
+    //   id: 1,
+    //   title: "从营销角度分析：我的团队需要这些能力",
+    //   contain:
+    //     "所谓团队协作能力，是指建立在团队的基础之上，发挥团队精神、互补互助以达到团队最大工作效率的能力。对于团队的成员来说...",
+    //   pinglun: 317,
+    //   dianzan: 103,
+    //   isGood: false,
+    // },
   ],
 });
 const { onfo, discuss } = toRefs(state);
@@ -155,8 +147,103 @@ const getId = (it) => {
 const {
   query: { id, type },
 } = useRoute();
-const { data } = useRequest(DISCUSS_LIST, { id: 23, type });
+const { data } = useRequest(DISCUSS_LIST, { id, type });
 console.log("获取讨论", data);
+// 获取帖子
+function getPostList(discussId) {
+  console.log({
+    discussId: discussId,
+    pageNo: state.pageNo,
+    pageSize: state.pageSize,
+    searchType: state.searchType,
+  });
+
+  request(QueryDiscussSubmitDetailByDiscussId, {
+    discussId: discussId,
+    pageNo: state.pageNo,
+    pageSize: state.pageSize,
+    searchType: state.searchType,
+  })
+    .then((e) => {
+      console.log("我是当前讨论下的帖子", e);
+      state.postList = e.data.rows;
+      state.total = e.data.total;
+
+      // 添加一条假的数据 供测试使用
+      state.postList = [
+        {
+          createTime: "",
+          createUser: 0,
+          discussCollectionCount: "234",
+          discussId: "",
+          discussLikeCount: "3576",
+          discussReviewCount: "12353",
+          discussSubmitContent:
+            "帖子的内容----帖子的内容帖子的内容帖子的内容帖子的内容帖子的内容帖子的内容帖子的内容帖子的内容帖子的内容",
+          discussSubmitId: "",
+          discussSubmitPictureAddress: "",
+          discussSubmitTitle: "我是一个用来测试的帖子标题",
+          stuId: "",
+          stuName: "",
+          updateTime: "",
+          updateUser: 0,
+
+          submitReviewVoList: [
+            {
+              createTime: "",
+              createUser: 0,
+              discussLikeCount: "",
+              discussReviewContent: "",
+              discussReviewFlag: "",
+              discussReviewId: "",
+              discussReviewPictureAddress: "",
+              discussSubmitId: "",
+              stuId: "",
+              stuName: "",
+              submitReplyVoList: [
+                {
+                  createTime: "",
+                  createUser: 0,
+                  discussReplyId: 0,
+                  discussReviewId: "",
+                  replyContent: "",
+                  replyFlag: "",
+                  replyPictureAddress: "",
+                  reviewStuId: "",
+                  reviewStuName: "",
+                  stuId: "",
+                  stuName: "",
+                  updateTime: "",
+                  updateUser: 0,
+                },
+              ],
+              updateTime: "",
+              updateUser: 0,
+            },
+          ],
+        },
+      ];
+      state.total = 100;
+    })
+    .catch((err) => {
+      console.log(err);
+    });
+}
+
+// 最新
+function nowPost(discussId) {
+  state.searchType = 1;
+  state.pageNo = 1;
+  state.currentPage = 1;
+  getPostList(discussId);
+}
+// 最热
+function hotPost(discussId) {
+  state.searchType = 2;
+  state.pageNo = 1;
+  state.currentPage = 1;
+  getPostList(discussId);
+}
 
 //跳转到讨论详情
 const goDetails = () => {
@@ -182,13 +269,15 @@ const goDetails = () => {
   .head {
     margin-top: 10px;
     display: flex;
+    flex-direction: column;
     justify-content: center;
+    align-items: center;
     width: 100%;
     background-color: #fff;
     .title {
       width: 90%;
-      margin-top: 20px;
-      margin-bottom: 21px;
+      margin-top: 10px;
+      margin-bottom: 10px;
       color: #333330;
       font-size: 13px;
       line-height: 24px;