【需求 20331】 feat: 优化搜索框、等页面

src/views/columnSearchList/index.vue

@@ -21,7 +21,7 @@
               clearable
             />
 
-            <el-button type="primary" @click="handleSearch">搜索</el-button>
+            <el-button type="primary" class="rounded-lg" @click="handleSearch">搜索</el-button>
           </div>
         </div>
       </div>
@@ -56,6 +56,7 @@
             @change="(e) => changeSort(e as number)"
           >
             <el-radio-button
+              class="rounded-lg!"
               v-for="sort in sortOptions"
               :key="sort.value"
               :label="sort.label"

src/views/homePage/askTab/index.vue

@@ -47,12 +47,11 @@
                 >
                   <!-- 如果有评论的话 就展示 最热的 没有的话 说明没有评论  就展示内容 -->
                   <template v-if="item.cultureCommentListVo?.hiddenName">
-                    {{ item.cultureCommentListVo?.hiddenName }}：{{
-                      item.cultureCommentListVo?.content
-                    }}
+                    {{ item.cultureCommentListVo?.hiddenName }}：
+                    <span v-html="parseEmoji(item.cultureCommentListVo?.content)"></span>
                   </template>
                   <template v-else>
-                    {{ item.content }}
+                    <p v-html="parseEmoji(item.content)"></p>
                   </template>
                 </p>
                 <!-- 展开/收起按钮 靠右边布局 -->
@@ -246,6 +245,7 @@ import type { ArticleItemDto } from '@/api/article/types'
 import { useQuestionStore } from '@/stores/question'
 import ActionMore from '@/components/common/ActionMore/index.vue'
 import CommentDialog from '@/components/common/CommentDialog/index.vue'
+import { parseEmoji } from '@/utils/emoji'
 
 const { fetchUserQestionNum } = useQuestionStore()
 

src/views/practiceSearchList/index.vue

@@ -21,7 +21,7 @@
               clearable
             />
 
-            <el-button type="primary" @click="handleSearch">搜索</el-button>
+            <el-button type="primary" class="rounded-lg" @click="handleSearch">搜索</el-button>
           </div>
         </div>
       </div>

src/views/searchPage/index.vue

@@ -21,7 +21,7 @@
               clearable
             />
 
-            <el-button type="primary" @click="handleSearch">搜索</el-button>
+            <el-button type="primary" class="rounded-lg" @click="handleSearch">搜索</el-button>
           </div>
         </div>
       </div>

src/views/userPage/components/selfAudit.vue

@@ -11,7 +11,15 @@
             :name="tab.value"
           />
         </el-tabs>
-        <div class="absolute right-0 top-2.5 z-1000">
+        <div class="absolute right-0 top-2.5 z-1000 flex items-center gap-2">
+          <el-select v-model="searchType" @change="refresh" class="w-25!" size="small">
+            <el-option
+              v-for="tab in [{ label: '全部', value: 'ALL' }, ...articleTypeListOptions]"
+              :key="tab.value"
+              :label="tab.label"
+              :value="tab.value"
+            />
+          </el-select>
           <el-icon
             size="15"
             class="cursor-pointer hover:rotate-180 transition-all duration-300"
@@ -121,11 +129,11 @@
 import { getAuditList, auditArticle } from '@/api'
 import { usePageSearch } from '@/hooks'
 import { auditTypeListOptions, articleTypeListOptions } from '@/constants/options'
-import dayjs from 'dayjs'
 import { AuditStatusEnum } from '@/constants'
 import type { AuditArticleDto, AuditListItemDto } from '@/api'
 import type { TabPaneName } from 'element-plus'
 import { ArticleTypeEnum } from '@/constants'
+import dayjs from 'dayjs'
 
 const toggleTab = (key: TabPaneName) => {
   searchParams.value.isAudit = key as AuditStatusEnum
@@ -133,12 +141,30 @@ const toggleTab = (key: TabPaneName) => {
 }
 
 // State
+const searchType = computed({
+  get() {
+    if (searchParams.value.type === '') {
+      return 'ALL'
+    }
+    return searchParams.value.type
+  },
+  set(value) {
+    if (value === 'ALL') {
+      searchParams.value.type = ''
+    } else {
+      searchParams.value.type = value
+    }
+  },
+})
+
 const { list, loading, searchParams, total, refresh, goToPage, changePageSize } = usePageSearch(
   getAuditList,
   {
     defaultParams: {
       isAudit: AuditStatusEnum.UNAUDITED,
+      type: '',
     },
+    immediate: false,
   },
 )
 
@@ -171,4 +197,7 @@ const handleView = (item: AuditListItemDto) => {
 const openArticleDetail = (id: number) => {
   window.open(`/auditArticle/${id}`)
 }
+onActivated(() => {
+  refresh()
+})
 </script>

src/views/userPage/index.vue

@@ -156,16 +156,6 @@
 import { useUserStore } from '@/stores/user'
 import { storeToRefs } from 'pinia'
 import EditUserInfo from './components/editUserInfo.vue'
-import SelfCollect from './components/selfCollect.vue'
-import SelfPraise from './components/selfPraise.vue'
-import SelfPublish from './components/selfPublish.vue'
-import SelfDraft from './components/selfDraft.vue'
-import SelfCase from './components/selfCase.vue'
-import SelfTask from './components/selfTask.vue'
-import SelfComment from './components/selfComment.vue'
-import SelfAudit from './components/selfAudit.vue'
-import SelfAnswer from './components/selfAnswer.vue'
-import SelfComplaint from './components/selfComplaint.vue'
 import { generateLoginKey, hasOfficialAccount } from '@/api'
 import type { OfficialAccountItemDto } from '@/api/user/types'
 import { wxLogin } from '@/utils/wxUtil'
@@ -189,7 +179,9 @@ const getThirdLevelKey = (route: RouteLocationNormalizedLoadedGeneric) => {
   console.log(route.fullPath, '三级路由用户信息页面')
   return route.path
 }
-const componentRef = useTemplateRef<InstanceType<typeof SelfPublish>>('componentRef')
+const componentRef = useTemplateRef<{
+  refresh: () => void
+}>('componentRef')
 const editUserInfoRef = useTemplateRef<InstanceType<typeof EditUserInfo>>('editUserInfoRef')
 const userStore = useUserStore()
 const { userInfo } = storeToRefs(userStore)
@@ -200,56 +192,54 @@ const menuUserItems = [
     path: 'selfPublish',
     label: '我的帖子',
     icon: () => <IEpUser />,
-    component: SelfPublish,
     tab: '发布',
   },
   {
     path: 'selfDraft',
     label: '我的草稿',
     icon: () => <IEpDocument />,
-    component: SelfDraft,
     tab: '草稿',
   },
   {
     path: 'selfCollect',
     label: '我的收藏',
     icon: () => <IEpStar />,
-    component: SelfCollect,
     tab: '收藏',
   },
   {
     path: 'selfPraise',
     label: '我的点赞',
     icon: () => <IEpPointer />,
-    component: SelfPraise,
     tab: '点赞',
   },
   {
     path: 'selfCase',
     label: '我的案例库',
     icon: () => <IEpCollection />,
-    component: SelfCase,
     tab: '案例库',
   },
   {
     path: 'selfTask',
     label: '我的任务',
     icon: () => <IEpFinished />,
-    component: SelfTask,
     tab: '任务',
   },
   {
+    path: 'selfActivity',
+    label: '参与活动',
+    icon: () => <IEpPointer />,
+    tab: '活动',
+  },
+  {
     path: 'selfComment',
     label: '评论回复',
     icon: () => <IEpChatDotRound />,
-    component: SelfComment,
     tab: '评论回复',
   },
   {
     path: 'selfAnswer',
     label: '回答问题(问吧)',
     icon: () => <IEpChatLineSquare />,
-    component: SelfAnswer,
     tab: '回答问题',
   },
 ]
@@ -260,14 +250,12 @@ const menuOfficialItems = [
     path: 'selfAudit',
     label: '审核列表',
     icon: () => <IEpUser />,
-    component: SelfAudit,
     tab: '审核列表',
   },
   {
     path: 'selfComplaint',
     label: '举报列表',
     icon: () => <IEpWarning />,
-    component: SelfComplaint,
     tab: '举报列表',
   },
 ]

src/views/videoSearchList/index.vue

@@ -20,7 +20,7 @@
               clearable
             />
 
-            <el-button type="primary" @click="handleSearch">搜索</el-button>
+            <el-button type="primary" class="rounded-lg" @click="handleSearch">搜索</el-button>
           </div>
         </div>
       </div>
@@ -54,7 +54,7 @@
           <el-radio-group
             size="default"
             v-model="searchParams.sortLogic"
-            @change="(val: number) => changeSort(val)"
+            @change="(val) => changeSort(val as number)"
           >
             <el-radio-button
               v-for="sort in sortOptions"