【需求 21402】 feat: 加一个最早评论筛选项

src/constants/enums.ts

@@ -163,3 +163,15 @@ export enum SpecificVideoRewardEnum {
   // 创新碎片
   INNOVATION_CHIP = 'INNOVATION_CHIP',
 }
+
+// 评论排序类型枚举
+export enum CommentSortTypeEnum {
+  // 最多评论
+  MOST_COMMENT = 1,
+  // 最新发布
+  NEWEST_PUBLISH = 2,
+  // 最早发布
+  EARLIEST_PUBLISH = 3,
+  // 最高点赞
+  MOST_LIKE = 4,
+}

src/views/questionDetail/index.vue

@@ -240,9 +240,10 @@
             @change="(val) => changeSortType(val as number)"
             fill="#3b82f6"
           >
-            <el-radio-button label="最新" :value="2" />
-            <el-radio-button label="最多点赞" :value="4" />
-            <el-radio-button label="最多评论" :value="1" />
+            <el-radio-button label="最多点赞" :value="CommentSortTypeEnum.MOST_LIKE" />
+            <el-radio-button label="最多评论" :value="CommentSortTypeEnum.MOST_COMMENT" />
+            <el-radio-button label="最早发布" :value="CommentSortTypeEnum.EARLIEST_PUBLISH" />
+            <el-radio-button label="最新发布" :value="CommentSortTypeEnum.NEWEST_PUBLISH" />
           </el-radio-group>
           <!-- <span
             @click="changeSortType(2)"
@@ -330,7 +331,8 @@
           <!-- 正文 换行 -->
           <div
             class="text-slate-800 leading-7 mb-4 rich-text-content break-all"
-            v-html="parseEmoji(answer.content)"
+            v-html="parseEmoji(answer.contentHtml || answer.content)"
+            v-parse-comment
           ></div>
           <!-- 评论图片列表 -->
           <div class="flex flex-wrap gap-3 mb-3">
@@ -393,7 +395,7 @@
           <Transition name="fade">
             <div
               v-show="answer.showComment"
-              class="mt-4 border border-slate-200 rounded-lg bg-slate-50/50 overflow-hidden"
+              class="mt-4 border border-slate-200 rounded-lg bg-slate-50/50"
             >
               <Comment
                 :authorId="questionDetail.createUserId"
@@ -449,6 +451,8 @@ import { useNavigation, useScrollTop } from '@/hooks'
 import { parseEmoji } from '@/utils/emoji'
 import { ArticleTypeEnum, BooleanFlag } from '@/constants'
 import { push } from 'notivue'
+import { CommentSortTypeEnum } from '@/constants'
+
 const userStore = useUserStore()
 const { userInfo } = storeToRefs(userStore)
 const { jumpToUserHomePage } = useNavigation()
@@ -499,7 +503,7 @@ const {
   // immediate: false,
   defaultParams: {
     articleId: questionId,
-    sortType: 2,
+    sortType: CommentSortTypeEnum.MOST_LIKE,
   },
   formatList: (list) =>
     list.map((item) => ({