【需求 17679】 wip: 完善

components.d.ts

@@ -15,14 +15,11 @@ declare module 'vue' {
     BaseButton: typeof import('./src/components/common/ElComponents/ElButton/BaseButton.vue')['default']
     ElAvatar: typeof import('element-plus/es')['ElAvatar']
     ElButton: typeof import('element-plus/es')['ElButton']
-    ElButtonGroup: typeof import('element-plus/es')['ElButtonGroup']
     ElCard: typeof import('element-plus/es')['ElCard']
     ElCarousel: typeof import('element-plus/es')['ElCarousel']
     ElCarouselItem: typeof import('element-plus/es')['ElCarouselItem']
-    ElCheckbox: typeof import('element-plus/es')['ElCheckbox']
     ElConfigProvider: typeof import('element-plus/es')['ElConfigProvider']
     ElDatePicker: typeof import('element-plus/es')['ElDatePicker']
-    ElDatePickerPanel: typeof import('element-plus/es')['ElDatePickerPanel']
     ElDialog: typeof import('element-plus/es')['ElDialog']
     ElDivider: typeof import('element-plus/es')['ElDivider']
     ElDropdown: typeof import('element-plus/es')['ElDropdown']
@@ -34,25 +31,20 @@ declare module 'vue' {
     ElIcon: typeof import('element-plus/es')['ElIcon']
     ElImage: typeof import('element-plus/es')['ElImage']
     ElInput: typeof import('element-plus/es')['ElInput']
-    ElLink: typeof import('element-plus/es')['ElLink']
     ElOption: typeof import('element-plus/es')['ElOption']
     ElPagination: typeof import('element-plus/es')['ElPagination']
     ElPopover: typeof import('element-plus/es')['ElPopover']
     ElProgress: typeof import('element-plus/es')['ElProgress']
     ElRadio: typeof import('element-plus/es')['ElRadio']
-    ElRadioButton: typeof import('element-plus/es')['ElRadioButton']
     ElRadioGroup: typeof import('element-plus/es')['ElRadioGroup']
     ElSelect: typeof import('element-plus/es')['ElSelect']
-    ElSkeleton: typeof import('element-plus/es')['ElSkeleton']
     ElSwitch: typeof import('element-plus/es')['ElSwitch']
     ElTable: typeof import('element-plus/es')['ElTable']
     ElTableColumn: typeof import('element-plus/es')['ElTableColumn']
-    ElTabPane: typeof import('element-plus/es')['ElTabPane']
-    ElTabs: typeof import('element-plus/es')['ElTabs']
     ElTag: typeof import('element-plus/es')['ElTag']
+    ElText: typeof import('element-plus/es')['ElText']
     ElTooltip: typeof import('element-plus/es')['ElTooltip']
     ElUpload: typeof import('element-plus/es')['ElUpload']
-    HelloWorld: typeof import('./src/components/HelloWorld.vue')['default']
     IconCommunity: typeof import('./src/components/icons/IconCommunity.vue')['default']
     IconDocumentation: typeof import('./src/components/icons/IconDocumentation.vue')['default']
     IconEcosystem: typeof import('./src/components/icons/IconEcosystem.vue')['default']
@@ -62,14 +54,8 @@ declare module 'vue' {
     RouterView: typeof import('vue-router')['RouterView']
     SelectTags: typeof import('./src/components/common/SelectTags/index.vue')['default']
     SvgIcon: typeof import('./src/components/common/SvgIcon/svgIcon.vue')['default']
-    Tabs: typeof import('./src/components/common/Tabs/index.tsx')['default']
-    TheWelcome: typeof import('./src/components/TheWelcome.vue')['default']
     UploadFile: typeof import('./src/components/common/UploadFile/index.vue')['default']
     UploadVideo: typeof import('./src/components/common/UploadVideo/index.vue')['default']
-    WelcomeItem: typeof import('./src/components/WelcomeItem.vue')['default']
-  }
-  export interface GlobalDirectives {
-    vLoading: typeof import('element-plus/es')['ElLoadingDirective']
   }
 }
 
@@ -78,14 +64,11 @@ declare global {
   const BaseButton: typeof import('./src/components/common/ElComponents/ElButton/BaseButton.vue')['default']
   const ElAvatar: typeof import('element-plus/es')['ElAvatar']
   const ElButton: typeof import('element-plus/es')['ElButton']
-  const ElButtonGroup: typeof import('element-plus/es')['ElButtonGroup']
   const ElCard: typeof import('element-plus/es')['ElCard']
   const ElCarousel: typeof import('element-plus/es')['ElCarousel']
   const ElCarouselItem: typeof import('element-plus/es')['ElCarouselItem']
-  const ElCheckbox: typeof import('element-plus/es')['ElCheckbox']
   const ElConfigProvider: typeof import('element-plus/es')['ElConfigProvider']
   const ElDatePicker: typeof import('element-plus/es')['ElDatePicker']
-  const ElDatePickerPanel: typeof import('element-plus/es')['ElDatePickerPanel']
   const ElDialog: typeof import('element-plus/es')['ElDialog']
   const ElDivider: typeof import('element-plus/es')['ElDivider']
   const ElDropdown: typeof import('element-plus/es')['ElDropdown']
@@ -97,25 +80,20 @@ declare global {
   const ElIcon: typeof import('element-plus/es')['ElIcon']
   const ElImage: typeof import('element-plus/es')['ElImage']
   const ElInput: typeof import('element-plus/es')['ElInput']
-  const ElLink: typeof import('element-plus/es')['ElLink']
   const ElOption: typeof import('element-plus/es')['ElOption']
   const ElPagination: typeof import('element-plus/es')['ElPagination']
   const ElPopover: typeof import('element-plus/es')['ElPopover']
   const ElProgress: typeof import('element-plus/es')['ElProgress']
   const ElRadio: typeof import('element-plus/es')['ElRadio']
-  const ElRadioButton: typeof import('element-plus/es')['ElRadioButton']
   const ElRadioGroup: typeof import('element-plus/es')['ElRadioGroup']
   const ElSelect: typeof import('element-plus/es')['ElSelect']
-  const ElSkeleton: typeof import('element-plus/es')['ElSkeleton']
   const ElSwitch: typeof import('element-plus/es')['ElSwitch']
   const ElTable: typeof import('element-plus/es')['ElTable']
   const ElTableColumn: typeof import('element-plus/es')['ElTableColumn']
-  const ElTabPane: typeof import('element-plus/es')['ElTabPane']
-  const ElTabs: typeof import('element-plus/es')['ElTabs']
   const ElTag: typeof import('element-plus/es')['ElTag']
+  const ElText: typeof import('element-plus/es')['ElText']
   const ElTooltip: typeof import('element-plus/es')['ElTooltip']
   const ElUpload: typeof import('element-plus/es')['ElUpload']
-  const HelloWorld: typeof import('./src/components/HelloWorld.vue')['default']
   const IconCommunity: typeof import('./src/components/icons/IconCommunity.vue')['default']
   const IconDocumentation: typeof import('./src/components/icons/IconDocumentation.vue')['default']
   const IconEcosystem: typeof import('./src/components/icons/IconEcosystem.vue')['default']
@@ -125,9 +103,6 @@ declare global {
   const RouterView: typeof import('vue-router')['RouterView']
   const SelectTags: typeof import('./src/components/common/SelectTags/index.vue')['default']
   const SvgIcon: typeof import('./src/components/common/SvgIcon/svgIcon.vue')['default']
-  const Tabs: typeof import('./src/components/common/Tabs/index.tsx')['default']
-  const TheWelcome: typeof import('./src/components/TheWelcome.vue')['default']
   const UploadFile: typeof import('./src/components/common/UploadFile/index.vue')['default']
   const UploadVideo: typeof import('./src/components/common/UploadVideo/index.vue')['default']
-  const WelcomeItem: typeof import('./src/components/WelcomeItem.vue')['default']
 }
\ No newline at end of file

src/api/article/index.ts

 import service from '@/utils/request/index'
 import type { AddOrUpdateArticleDto, ArticleItemDto, ArticleSearchParams } from './types'
 import type { BackendServicePageResult } from '@/utils/request/types'
-
 import { ArticleTypeEnum } from '@/constants'
 
+// 文章相关的接口(帖子 视频 实践等)
+
 /**
  * 发布文章
  */

src/api/case/index.ts

+import service from '@/utils/request/index'
+import type { AddOrUpdateCaseDto } from './types'
+
+// 案例库相关的接口
+
+/**
+ * 新增案例库
+ */
+export const addOrUpdateCase = (data: AddOrUpdateCaseDto) => {
+  return service.request({
+    url: '/api/cultureCase/addOrUpdateCase',
+    method: 'POST',
+    data,
+  })
+}

src/api/case/types.ts

+/**
+ * 添加或更新案例库DTO
+ */
+export interface AddOrUpdateCaseDto {
+  content: string
+  title: string
+  tagList: number[]
+}

src/api/task/index.ts

 import service from '@/utils/request/index'
-import type { BackendServicePageResult, PageSearchParams } from '@/utils/request/types'
+import type { TaskItemDto } from './types'
 /**
  * 获取任务列表
  */
-export const getTaskList = (data: PageSearchParams) => {
-  return service.request<BackendServicePageResult<any>>({
+export const getTaskList = () => {
+  return service.request<TaskItemDto[]>({
     url: '/api/culture/task/config/getList',
     method: 'POST',
-    data,
+    data: {},
   })
 }

src/api/task/types.ts

+import { TaskTypeEnum, TaskDateLimitTypeEnum } from '@/constants'
+
+export interface TaskItemDto {
+  completedTasks: number
+  currentCount: number
+  description: string
+  id: number
+  jumpUrl: string
+  limitCount: number
+  limitType: TaskDateLimitTypeEnum
+  periodKey: string
+  rewardType: number
+  rewardValue: number
+  status: number
+  svgName: string
+  taskKey: string
+  taskType: TaskTypeEnum
+  title: string
+  totalTasks: number
+}

src/components/common/SelectTags/index.vue

@@ -32,13 +32,13 @@
           <div class="tags-grid">
             <el-tag
               v-for="tag in filteredRecommendedTags"
-              :key="tag.value"
-              :type="arryrOfModelValue.includes(tag.value) ? 'primary' : 'info'"
-              :effect="arryrOfModelValue.includes(tag.value) ? 'dark' : 'plain'"
+              :key="tag.id"
+              :type="arryrOfModelValue.includes(tag.id) ? 'primary' : 'info'"
+              :effect="arryrOfModelValue.includes(tag.id) ? 'dark' : 'plain'"
               class="tag-item cursor-pointer mr-2 mb-2"
-              @click="toggleTag(tag.value)"
+              @click="toggleTag(tag.id)"
             >
-              {{ tag.label }}
+              {{ tag.title }}
             </el-tag>
           </div>
         </div>
@@ -46,12 +46,12 @@
       <div class="flex flex-wrap gap-2 mt-2">
         <el-tag
           v-for="tag in selectedTags"
-          :key="tag.value"
+          :key="tag.id"
           closable
           type="primary"
-          @close="removeTag(tag.value)"
+          @close="removeTag(tag.id)"
         >
-          {{ tag.label }}
+          {{ tag.title }}
         </el-tag>
       </div>
     </div>
@@ -63,12 +63,11 @@
 <script setup lang="ts" generic="T extends string | number[] | number">
 import { useTagsStore } from '@/stores/tags'
 import { storeToRefs } from 'pinia'
-
+import type { TagItemDto } from '@/api/tag/types'
 import type { SelectTagProps } from './types'
-
 const { maxSelectedTags = 1, filterTagsFn } = defineProps<SelectTagProps>()
 const emit = defineEmits<{
-  selected: [tag?: { value: number; label: string }]
+  selected: [tag?: TagItemDto]
 }>()
 
 const tagsStore = useTagsStore()
@@ -91,14 +90,14 @@ const arryrOfModelValue = computed({
   get() {
     if (isArrayOfModelValue) {
       return (modelValue.value as number[]).filter((tagId) => {
-        return filterTags.value.some((tag) => tag.value === tagId)
+        return filterTags.value.some((tag) => tag.id === tagId)
       })
     }
     return (modelValue.value as string)
       .split(',')
       .filter(Boolean)
       .map(Number)
-      .filter((tagId) => filterTags.value.some((tag) => tag.value === tagId))
+      .filter((tagId) => filterTags.value.some((tag) => tag.id === tagId))
   },
   set(value) {
     if (isArrayOfModelValue) {
@@ -110,14 +109,11 @@ const arryrOfModelValue = computed({
 })
 // 选中的标签
 const selectedTags = computed(() => {
-  const selectedTags: { value: number; label: string }[] = []
+  const selectedTags: TagItemDto[] = []
   arryrOfModelValue.value.forEach((tagId) => {
-    const tag = filterTags.value.find((tag) => tag.value === tagId)
+    const tag = filterTags.value.find((tag) => tag.id === tagId)
     if (tag) {
-      selectedTags.push({
-        value: tag.value,
-        label: tag.label,
-      })
+      selectedTags.push(tag)
     }
   })
   return selectedTags
@@ -130,7 +126,7 @@ const filteredRecommendedTags = computed(() => {
     return filterTags.value
   }
   return filterTags.value.filter((tag) =>
-    tag.label.toLowerCase().includes(searchKeyword.value.toLowerCase()),
+    tag.title.toLowerCase().includes(searchKeyword.value.toLowerCase()),
   )
 })
 
@@ -140,10 +136,7 @@ const addTag = (tagId: number) => {
   // 不能直接push 触发不了computed 的 set
   arryrOfModelValue.value = [...arryrOfModelValue.value, tagId]
   ElMessage.success('标签添加成功')
-  emit('selected', {
-    label: filterTags.value.find((tag) => tag.value === tagId)!.label,
-    value: tagId,
-  })
+  emit('selected', filterTags.value.find((tag) => tag.id === tagId)!)
 }
 
 const removeTag = (tagId: number) => {

src/components/common/SelectTags/types.ts

+import type { TagItemDto } from '@/api/tag/types'
+
 export type SelectTagProps = {
   maxSelectedTags?: number
-  filterTagsFn?: (tags: { value: number; label: string }[]) => { value: number; label: string }[]
+  filterTagsFn?: (tags: TagItemDto[]) => TagItemDto[]
 }

src/constants/enums.ts

@@ -43,3 +43,13 @@ export enum SendTypeEnum {
   // 定时发送
   SCHEDULED = 2,
 }
+
+// 任务日期限制类型枚举
+export enum TaskDateLimitTypeEnum {
+  // 每日
+  DAY = 'DAY',
+  // 每周
+  WEEK = 'WEEK',
+  // 每月
+  MONTH = 'MONTH',
+}

src/constants/index.ts

 export * from './options'
 export * from './enums'
 export * from './symbolKey'
+export * from './text'

src/constants/text.ts

+import { TaskDateLimitTypeEnum } from './enums'
+
+// 枚举中文映射
+export const TaskDateLimitTypeText: Record<TaskDateLimitTypeEnum, string> = {
+  [TaskDateLimitTypeEnum.DAY]: '日',
+  [TaskDateLimitTypeEnum.WEEK]: '周',
+  [TaskDateLimitTypeEnum.MONTH]: '月',
+}

src/layoutCulture/components/onlineTime.vue

@@ -8,14 +8,11 @@
     <div class="cursor-pointer online-time flex flex-col items-center z-50">
       <!-- 图片容器 -->
       <div
-        class="relative mb-2 hover:scale-105 transition-transform duration-300 ease-out transform-gpu backface-hidden"
+        class="mb-4 w-24 h-24 bg-white rounded-full shadow-xl flex items-center justify-center hover:scale-110 transition-transform cursor-pointer"
       >
-        <img
-          draggable="false"
-          src="@/assets/img/culture/online_time.png"
-          alt="在线时长"
-          class="w-16 h-16 md:w-20 md:h-20"
-        />
+        <img src="@/assets/img/culture/ask.png" draggable="false" alt="吉祥物" class="w-20 h-20" />
+        <!-- 如果没有图片，用emoji代替 -->
+        <!-- <span class="text-6xl">🎯</span> -->
       </div>
 
       <!-- 时长显示卡片 -->
@@ -39,7 +36,7 @@
             今日在线时长
           </div>
           <div
-            class="text-lg md:text-xl lg:text-2xl font-bold text-gray-800 font-mono tracking-wider"
+            class="text-center text-2xl font-bold bg-gradient-to-r from-blue-500 to-purple-500 bg-clip-text text-transparent"
           >
             00:00
           </div>

src/layoutCulture/components/practiceForm.tsx

@@ -4,6 +4,7 @@ import UploadFile from '@/components/common/UploadFile/index.vue'
 import SelectTags from '@/components/common/SelectTags/index.vue'
 
 import { useResetData } from '@/hooks'
+import type { TagItemDto } from '@/api/tag/types'
 
 export default defineComponent((_, { expose }) => {
   const [form, resetForm] = useResetData({
@@ -52,9 +53,9 @@ export default defineComponent((_, { expose }) => {
     }
   }
 
-  const filterTagsFn = (allTags: { value: number; label: string }[]) => {
+  const filterTagsFn = (allTags: TagItemDto[]) => {
     // 引用了form.value.mainTagId
-    return allTags.filter((tag) => tag.value !== Number(form.value.mainTagId))
+    return allTags.filter((tag) => tag.id !== Number(form.value.mainTagId))
   }
 
   const resetFields = () => {

src/layoutCulture/components/publishDialog.vue

@@ -5,6 +5,7 @@
     :close-on-click-modal="false"
     width="500px"
     class="post-dialog"
+    :lock-scroll="true"
     align-center
     @closed="handleClosed"
   >

src/layoutCulture/index.vue

 <template>
   <div class="layout-culture pb-11 h-full bg-[linear-gradient(to_bottom,#F0FBFD_0%,#ECEFFF_100%)]">
     <div
-      class="header flex px-40 items-center justify-between bg-white mb-1 shadow-sm fixed top-0 left-0 right-0 z-10"
+      class="header flex px-40 items-center justify-between bg-white mb-1 shadow-sm fixed top-0 left-0 right-0 z-10 w-100vw"
     >
       <!-- Logo区域 -->
       <div @click="router.push('/')" class="flex items-center flex-shrink-0 min-w-0 cursor-pointer">

src/router/index.ts

@@ -5,30 +5,31 @@ const routes = [
     path: '/',
     name: 'Layout',
     component: layoutCulture,
-    redirect: '/mainContainer/deshboard',
+    redirect: '/homePage/homeTab',
     meta: {
       title: '企业文化首页',
     },
     children: [
       {
-        path: 'mainContainer',
-        name: 'CultureMainContainer',
-        component: () => import('@/layoutCulture/components/mainContainer.vue'),
+        path: 'homePage',
+        name: 'CultureHomePage',
+        // component: () => import('@/layoutCulture/components/mainContainer.vue'),
+        component: () => import('@/views/homePage/index.vue'),
         children: [
           {
-            path: 'deshboard',
-            name: 'CultureHome',
-            component: () => import('@/views/home/index.vue'),
+            path: 'homeTab',
+            name: 'CultureHomeTab',
+            component: () => import('@/views/homePage/homeTab/index.vue'),
           },
           {
-            path: 'ya',
-            name: 'CultureYa',
-            component: () => import('@/views/ya/index.vue'),
+            path: 'yaTab',
+            name: 'CultureYaTab',
+            component: () => import('@/views/homePage/yaTab/index.vue'),
           },
           {
-            path: 'ask',
-            name: 'CultureAsk',
-            component: () => import('@/views/ask/index.vue'),
+            path: 'askTab',
+            name: 'CultureAskTab',
+            component: () => import('@/views/homePage/askTab/index.vue'),
           },
         ],
       },
@@ -53,18 +54,18 @@ const routes = [
         name: 'CulturePublishVideo',
         component: () => import('@/views/publishVideo/index.vue'),
       },
-      // 发布文章
-      {
-        path: 'postArticle',
-        name: 'CulturePostArticle',
-        component: () => import('@/views/postArticle/index.vue'),
-      },
       // 个人中心
       {
         path: 'userPage',
         name: 'CultureUserPage',
         component: () => import('@/views/userPage/index.vue'),
       },
+      // 去投稿
+      {
+        path: 'publishCase',
+        name: 'CulturePublishCase',
+        component: () => import('@/views/publishCase/index.vue'),
+      },
       // 发布文章
       // {
       // {

src/stores/tags.ts

 import { defineStore } from 'pinia'
-
 import { getTagList } from '@/api'
+import type { TagItemDto } from '@/api/tag/types'
 
 /**
  * 关于标签的store
  */
 export const useTagsStore = defineStore('tags', () => {
-  const tagList = ref<{ label: string; value: number }[]>([])
+  const tagList = ref<TagItemDto[]>([])
 
   let isLoading = false
 
@@ -15,10 +15,8 @@ export const useTagsStore = defineStore('tags', () => {
     isLoading = true
     try {
       const { data } = await getTagList()
-      tagList.value = data.map((item) => ({
-        label: item.title,
-        value: item.id,
-      }))
+      tagList.value = data
+      console.log(tagList.value, 'tagList')
     } catch (error) {
       console.error(error)
     } finally {

src/stores/user.ts

@@ -6,7 +6,7 @@ import type { LoginResponseDto } from '@/api/login/types'
  */
 export const useUserStore = defineStore('user', () => {
   const userInfo = ref({} as LoginResponseDto)
-  const token = ref('')
+  const token = ref(localStorage.getItem('token') || '')
   // 获取用户信息
   const fetchUserInfo = async () => {
     const { data } = await loginByEmail({

src/style/index.css

 @import './reset.css';
+/* 解决弹窗滚轮 */

src/utils/request/axios.ts

@@ -48,6 +48,8 @@ export default class DhRequest {
           if (response.headers.authorization) {
             const userStore = useUserStore()
             userStore.setToken(response.headers.authorization)
+            // 存在本地
+            localStorage.setItem('token', response.headers.authorization)
           }
           return response.data
         } else {

src/views/homePage/index.vue

@@ -98,7 +98,7 @@
             <el-button
               class="bg-[linear-gradient(to_right,#A3EADC_0%,#7BE0BD_100%)] shadow-[0_1px_4px_0_rgba(168,225,210,1)] border-none hover:-translate-y-1 transition-all duration-200 text-xs sm:text-sm"
               type="primary"
-              @click="openPostCaseDialog"
+              @click="router.push('/publishCase')"
             >
               <svg-icon name="submit" size="30" class="mr-2" />
               <span class="text-black text-xs sm:text-sm">去投稿</span>
@@ -161,20 +161,30 @@
           </div>
 
           <div class="flex flex-col gap-2 sm:gap-3">
-            <div v-for="item in regularTaskList" :key="item.id">
+            <div v-show="currentTaskList.length">
+              <div v-for="item in currentTaskList" :key="item.id">
                 <div
                   class="flex items-center justify-between hover:bg-white/10 rounded-lg transition-colors duration-200 group"
                 >
                   <div class="flex items-center min-w-0 flex-1">
-                  <svg-icon name="daily_sign" size="70" />
-                  <div class="flex flex-col items-start justify-center ml-2 sm:ml-3 min-w-0 flex-1">
-                    <div class="text-xs sm:text-sm truncate w-full font-medium">
+                    <div class="h-70px flex items-center justify-center">
+                      <svg-icon :name="item.svgName" size="50" />
+                    </div>
+                    <div
+                      class="flex flex-col items-start justify-center ml-2 sm:ml-3 min-w-0 flex-1"
+                    >
+                      <div class="text-14px truncate w-full font-medium mb-1">
                         {{ item.title }}
                       </div>
-                    <div class="color-#757575 text-xs w-full flex items-start flex-nowrap">
+                      <div class="color-#333 text-xs w-full flex items-center flex-nowrap">
                         <svg-icon name="small_coin" size="16" class="mr-1" />
                         <el-tooltip :content="item.description" placement="top">
-                        <div class="truncate w-130px cursor-pointer">{{ item.description }}</div>
+                          <div class="truncate w-130px cursor-pointer">
+                            +{{ item.rewardValue }}亚币{{
+                              TaskDateLimitTypeText[item.limitType] &&
+                              `(${TaskDateLimitTypeText[item.limitType] + '刷新'})`
+                            }}
+                          </div>
                         </el-tooltip>
                       </div>
                     </div>
@@ -190,6 +200,12 @@
                 <el-divider style="margin: 0" />
               </div>
             </div>
+            <div v-show="currentTaskList.length === 0">
+              <div class="flex items-center justify-center">
+                <el-empty :image-size="100" description="暂无任务" />
+              </div>
+            </div>
+          </div>
         </div>
       </div>
     </div>
@@ -202,9 +218,8 @@ import ya from '@/assets/img/culture/ya_culture.png'
 import ask from '@/assets/img/culture/ask.png'
 import type { RouteLocationNormalizedLoadedGeneric } from 'vue-router'
 import { getTaskList, dailySign, getCarouselList } from '@/api'
-import { usePageSearch } from '@/hooks'
-import { TaskTypeEnum } from '@/constants'
-import type { CarouselItemDto } from '@/api'
+import { TaskTypeEnum, TaskDateLimitTypeText } from '@/constants'
+import type { CarouselItemDto, TaskItemDto } from '@/api'
 import { TABS_REF_KEY } from '@/constants'
 
 const route = useRoute()
@@ -222,6 +237,10 @@ const tabs = [
 const activeTab = ref(
   tabs.find((item) => item.path === route.path.split('/').at(-1))?.name || '首页',
 )
+const toggleTab = (tab: { name: string; path: string }) => {
+  activeTab.value = tab.name
+  router.push(`/homePage/${tab.path}`)
+}
 
 const taskTypeList = [
   {
@@ -236,26 +255,18 @@ const taskTypeList = [
 
 const currentTask = ref(TaskTypeEnum.REGULAR_TASK)
 
-const toggleTab = (tab: { name: string; path: string }) => {
-  activeTab.value = tab.name
-  console.log(tab.path)
-  router.push(`/homePage/${tab.path}`)
-}
+const regularTaskList = ref<TaskItemDto[]>([])
+const specialTaskList = ref<TaskItemDto[]>([])
+
+const currentTaskList = computed(() =>
+  currentTask.value === TaskTypeEnum.REGULAR_TASK ? regularTaskList.value : specialTaskList.value,
+)
 
 const getThirdLevelKey = (route: RouteLocationNormalizedLoadedGeneric) => {
   // console.log(route, '三级路由')
   return route.fullPath
 }
 
-const { list, total } = usePageSearch(getTaskList)
-
-const regularTaskList = computed(() =>
-  list.value.filter((item) => item.taskType === TaskTypeEnum.REGULAR_TASK),
-)
-const specialTaskList = computed(() =>
-  list.value.filter((item) => item.taskType === TaskTypeEnum.SPECIAL_TASK),
-)
-
 const onDailySign = async () => {
   await dailySign()
 }
@@ -264,12 +275,27 @@ const openPostCaseDialog = () => {
   console.log('openPostCaseDialog')
 }
 
-provide(TABS_REF_KEY, tabsRef)
+const initPage = () => {
+  Promise.allSettled([getCarouselList(), getTaskList()]).then(([r1, r2]) => {
+    if (r1.status === 'fulfilled') {
+      carouselList.value = r1.value.data
+    }
+    if (r2.status === 'fulfilled') {
+      regularTaskList.value = r2.value.data.filter(
+        (item) => item.taskType === TaskTypeEnum.REGULAR_TASK,
+      )
+      specialTaskList.value = r2.value.data.filter(
+        (item) => item.taskType === TaskTypeEnum.SPECIAL_TASK,
+      )
+    }
+  })
+}
 
-onMounted(async () => {
-  const { data } = await getCarouselList()
-  carouselList.value = data
+onMounted(() => {
+  initPage()
 })
+
+provide(TABS_REF_KEY, tabsRef)
 </script>
 <style lang="scss" scoped>
 .main-container {

src/views/postArticle/index.vue

-```vue
-<template>
-  <div class="min-h-screen bg-gradient-to-br from-blue-400 via-blue-500 to-purple-600">
-    <!-- 顶部导航栏 -->
-    <div class="bg-white/10 backdrop-blur-md border-b border-white/20">
-      <div class="max-w-7xl mx-auto px-6 py-4 flex items-center justify-between">
-        <div class="flex items-center gap-4">
-          <div
-            class="w-8 h-8 bg-gradient-to-r from-orange-400 to-red-500 rounded-lg flex items-center justify-center"
-          >
-            <span class="text-white font-bold text-sm">S</span>
-          </div>
-          <span class="text-white font-semibold">SOUNDASIA</span>
-        </div>
-
-        <div class="flex items-center gap-4">
-          <div class="relative">
-            <input
-              type="text"
-              placeholder="搜索"
-              class="w-80 px-4 py-2 bg-white/20 border border-white/30 rounded-lg text-white placeholder-white/70 focus:outline-none focus:ring-2 focus:ring-white/50"
-            />
-          </div>
-          <div class="w-9 h-9 bg-white/20 rounded-full"></div>
-          <span class="text-white">个人中心</span>
-          <button
-            class="px-4 py-2 bg-white/20 text-white rounded-lg hover:bg-white/30 transition-colors"
-          >
-            意见反馈
-          </button>
-          <button
-            class="px-4 py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700 transition-colors"
-          >
-            去发帖
-          </button>
-        </div>
-      </div>
-    </div>
-
-    <!-- 主要内容区域 -->
-    <div class="max-w-7xl mx-auto px-6 py-8">
-      <!-- 页面标题 -->
-      <div class="text-center mb-8">
-        <h1 class="text-4xl font-bold text-white mb-2 flex items-center justify-center gap-3">
-          <svg class="w-9 h-9" fill="currentColor" viewBox="0 0 20 20">
-            <path
-              d="M13.586 3.586a2 2 0 112.828 2.828l-.793.793-2.828-2.828.793-.793zM11.379 5.793L3 14.172V17h2.828l8.38-8.379-2.83-2.828z"
-            />
-          </svg>
-          发布帖子
-        </h1>
-        <p class="text-white/80 text-lg">分享你的想法，记录美好时光</p>
-      </div>
-
-      <!-- 内容区域 -->
-      <div class="grid grid-cols-1 lg:grid-cols-[1fr_320px] gap-6">
-        <!-- 左侧编辑区域 -->
-        <div class="bg-white rounded-2xl shadow-2xl overflow-hidden">
-          <!-- 编辑器头部 -->
-          <div class="bg-gradient-to-r from-blue-500 to-purple-600 px-6 py-4">
-            <div class="flex items-center justify-between">
-              <span class="text-white text-lg font-semibold">创作内容</span>
-              <div class="flex bg-white/20 rounded-lg p-1">
-                <button
-                  class="px-4 py-2 bg-white text-blue-600 shadow-sm rounded-md text-sm font-medium"
-                >
-                  富文本
-                </button>
-                <button
-                  class="px-4 py-2 text-white hover:bg-white/20 rounded-md text-sm font-medium transition-all"
-                >
-                  Markdown
-                </button>
-              </div>
-            </div>
-          </div>
-
-          <!-- 编辑器内容 -->
-          <div class="p-6 space-y-6">
-            <!-- 标题输入 -->
-            <div>
-              <label class="block text-sm font-medium text-gray-700 mb-2">帖子标题</label>
-              <input
-                type="text"
-                placeholder="请输入帖子标题..."
-                maxlength="100"
-                class="w-full px-4 py-3 border-2 border-gray-200 rounded-xl focus:border-blue-500 focus:outline-none focus:ring-4 focus:ring-blue-500/10 transition-all text-lg"
-              />
-              <div class="text-right text-xs text-gray-400 mt-1">0/100</div>
-            </div>
-
-            <!-- 内容输入 -->
-            <div>
-              <textarea
-                placeholder="分享你的想法..."
-                rows="12"
-                maxlength="5000"
-                class="w-full px-4 py-3 border-2 border-gray-200 rounded-xl focus:border-blue-500 focus:outline-none focus:ring-4 focus:ring-blue-500/10 transition-all resize-vertical"
-              ></textarea>
-              <div class="text-right text-xs text-gray-400 mt-1">0/5000</div>
-            </div>
-
-            <!-- 图片上传区域 -->
-            <div>
-              <label class="block text-sm font-medium text-gray-700 mb-3">添加图片</label>
-              <div
-                class="border-2 border-dashed border-gray-200 rounded-xl p-6 hover:border-blue-400 transition-colors"
-              >
-                <div class="grid grid-cols-3 gap-4">
-                  <!-- 上传按钮 -->
-                  <div
-                    class="aspect-square border-2 border-dashed border-gray-300 rounded-lg flex flex-col items-center justify-center text-gray-400 hover:text-blue-500 hover:border-blue-400 transition-colors cursor-pointer"
-                  >
-                    <svg class="w-8 h-8 mb-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                      <path
-                        stroke-linecap="round"
-                        stroke-linejoin="round"
-                        stroke-width="2"
-                        d="M12 6v6m0 0v6m0-6h6m-6 0H6"
-                      />
-                    </svg>
-                    <span class="text-sm">添加图片</span>
-                  </div>
-                  <!-- 示例图片 -->
-                  <div class="aspect-square bg-gray-100 rounded-lg overflow-hidden relative group">
-                    <img
-                      src="https://picsum.photos/150/150?random=1"
-                      alt="预览"
-                      class="w-full h-full object-cover"
-                    />
-                    <div
-                      class="absolute inset-0 bg-black/50 opacity-0 group-hover:opacity-100 transition-opacity flex items-center justify-center"
-                    >
-                      <button class="text-white hover:text-red-400 transition-colors">
-                        <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                          <path
-                            stroke-linecap="round"
-                            stroke-linejoin="round"
-                            stroke-width="2"
-                            d="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16"
-                          />
-                        </svg>
-                      </button>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-
-            <!-- 设置选项 -->
-            <div class="bg-gray-50 rounded-xl p-6">
-              <h3 class="font-semibold text-gray-800 mb-4">发布设置</h3>
-              <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
-                <!-- 分类选择 -->
-                <div>
-                  <label class="block text-sm font-medium text-gray-700 mb-2">分类</label>
-                  <select
-                    class="w-full px-3 py-2 border border-gray-300 rounded-lg focus:border-blue-500 focus:outline-none"
-                  >
-                    <option>选择分类</option>
-                    <option>日常生活</option>
-                    <option>技术分享</option>
-                    <option>摄影作品</option>
-                    <option>美食分享</option>
-                    <option>旅行游记</option>
-                    <option>学习笔记</option>
-                  </select>
-                </div>
-
-                <!-- 可见性设置 -->
-                <div>
-                  <label class="block text-sm font-medium text-gray-700 mb-2">可见性</label>
-                  <select
-                    class="w-full px-3 py-2 border border-gray-300 rounded-lg focus:border-blue-500 focus:outline-none"
-                  >
-                    <option>公开可见</option>
-                    <option>仅关注者</option>
-                    <option>仅自己</option>
-                  </select>
-                </div>
-              </div>
-
-              <!-- 标签输入 -->
-              <div class="mt-4">
-                <label class="block text-sm font-medium text-gray-700 mb-2">标签</label>
-                <div class="flex flex-wrap gap-2 mb-2">
-                  <span
-                    class="inline-flex items-center gap-1 px-3 py-1 bg-gradient-to-r from-blue-500 to-purple-600 text-white text-sm rounded-full"
-                  >
-                    技术分享
-                    <button class="hover:text-red-200 transition-colors">
-                      <svg class="w-3 h-3" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                        <path
-                          stroke-linecap="round"
-                          stroke-linejoin="round"
-                          stroke-width="2"
-                          d="M6 18L18 6M6 6l12 12"
-                        />
-                      </svg>
-                    </button>
-                  </span>
-                  <span
-                    class="inline-flex items-center gap-1 px-3 py-1 bg-gradient-to-r from-blue-500 to-purple-600 text-white text-sm rounded-full"
-                  >
-                    Vue.js
-                    <button class="hover:text-red-200 transition-colors">
-                      <svg class="w-3 h-3" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                        <path
-                          stroke-linecap="round"
-                          stroke-linejoin="round"
-                          stroke-width="2"
-                          d="M6 18L18 6M6 6l12 12"
-                        />
-                      </svg>
-                    </button>
-                  </span>
-                  <button
-                    class="px-3 py-1 border-2 border-dashed border-blue-300 text-blue-600 text-sm rounded-full hover:border-blue-500 hover:bg-blue-50 transition-colors"
-                  >
-                    + 添加标签
-                  </button>
-                </div>
-              </div>
-
-              <!-- 其他选项 -->
-              <div class="flex gap-6 mt-4">
-                <label class="flex items-center gap-2 cursor-pointer">
-                  <input
-                    type="checkbox"
-                    checked
-                    class="w-4 h-4 text-blue-600 border-gray-300 rounded focus:ring-blue-500"
-                  />
-                  <span class="text-sm text-gray-700">允许评论</span>
-                </label>
-                <label class="flex items-center gap-2 cursor-pointer">
-                  <input
-                    type="checkbox"
-                    checked
-                    class="w-4 h-4 text-blue-600 border-gray-300 rounded focus:ring-blue-500"
-                  />
-                  <span class="text-sm text-gray-700">允许分享</span>
-                </label>
-              </div>
-            </div>
-          </div>
-        </div>
-
-        <!-- 右侧预览和操作区域 -->
-        <div class="space-y-6">
-          <!-- 预览卡片 -->
-          <div class="bg-white rounded-2xl shadow-xl p-6">
-            <h3 class="font-semibold text-gray-800 mb-4">预览效果</h3>
-
-            <div class="space-y-4">
-              <!-- 用户信息 -->
-              <div class="flex items-center gap-3">
-                <div
-                  class="w-10 h-10 bg-gradient-to-r from-blue-400 to-purple-500 rounded-full"
-                ></div>
-                <div>
-                  <div class="font-medium text-gray-800">用户昵称</div>
-                  <div class="text-sm text-gray-500">刚刚</div>
-                </div>
-              </div>
-
-              <!-- 帖子内容预览 -->
-              <div>
-                <h4 class="font-semibold text-gray-800 mb-2">帖子标题</h4>
-                <p class="text-gray-600 text-sm leading-relaxed">帖子内容预览...</p>
-              </div>
-
-              <!-- 图片预览 -->
-              <div class="grid grid-cols-3 gap-2">
-                <div class="aspect-square rounded-lg overflow-hidden bg-gray-100">
-                  <img
-                    src="https://picsum.photos/100/100?random=2"
-                    alt="预览"
-                    class="w-full h-full object-cover"
-                  />
-                </div>
-                <div class="aspect-square rounded-lg overflow-hidden bg-gray-100">
-                  <img
-                    src="https://picsum.photos/100/100?random=3"
-                    alt="预览"
-                    class="w-full h-full object-cover"
-                  />
-                </div>
-                <div class="aspect-square rounded-lg overflow-hidden bg-gray-100">
-                  <img
-                    src="https://picsum.photos/100/100?random=4"
-                    alt="预览"
-                    class="w-full h-full object-cover"
-                  />
-                </div>
-              </div>
-
-              <!-- 帖子信息 -->
-              <div class="flex items-center gap-2 text-xs text-gray-500">
-                <span>公开可见</span>
-                <span>·</span>
-                <span>技术分享</span>
-              </div>
-            </div>
-          </div>
-
-          <!-- 操作按钮 -->
-          <div class="bg-white rounded-2xl shadow-xl p-6">
-            <div class="space-y-3">
-              <button
-                class="w-full bg-gradient-to-r from-blue-500 to-purple-600 text-white py-3 px-4 rounded-xl font-semibold hover:from-blue-600 hover:to-purple-700 transform hover:-translate-y-0.5 transition-all duration-200 shadow-lg hover:shadow-xl flex items-center justify-center gap-2"
-              >
-                <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                  <path stroke-linecap="round" />
-                </svg>
-                发布
-              </button>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</template>

src/views/publishCase/index.vue

+<template>
+  <div class="min-h-screen bg-gradient-to-br">
+    <div class="max-w-4xl mx-auto">
+      <!-- 主表单卡片 -->
+      <div class="bg-white rounded-2xl shadow-lg p-8">
+        <el-form ref="formRef" :model="form" label-position="top" size="default">
+          <!-- 案例编号 -->
+          <div class="mb-6 flex items-center gap-2">
+            <span class="text-gray-700 font-medium">案例编号：</span>
+            <span class="text-gray-900 font-semibold">000001</span>
+            <el-tooltip content="案例编号自动生成" placement="top">
+              <el-icon class="text-pink-500 cursor-pointer">
+                <QuestionFilled />
+              </el-icon>
+            </el-tooltip>
+          </div>
+
+          <!-- 标题输入 -->
+          <el-form-item class="mb-6" label="标题">
+            <el-input
+              v-model="form.title"
+              placeholder="请输入【案例】标题"
+              :maxlength="100"
+              show-word-limit
+              size="large"
+              class="text-lg"
+            />
+          </el-form-item>
+
+          <!-- 内容输入 -->
+          <el-form-item class="mb-6 relative" label="内容">
+            <el-input
+              v-model="form.content"
+              type="textarea"
+              placeholder="添加案例文本内容..."
+              :rows="12"
+              :maxlength="5000"
+              show-word-limit
+            />
+          </el-form-item>
+          <!-- 关键词选择 -->
+          <el-form-item label="文化关键词" class="mb-6">
+            <div class="flex flex-wrap gap-3">
+              <SelectTags v-model="form.tagList" />
+            </div>
+          </el-form-item>
+          <!-- 上传人 -->
+          <el-form-item class="mb-6" label="上传人">
+            <el-input
+              v-model="form.uploadUser"
+              placeholder="请输入【案例】上传人"
+              :maxlength="100"
+              show-word-limit
+              size="large"
+              class="text-lg"
+            />
+          </el-form-item>
+          <!-- 上传时间 -->
+          <el-form-item class="mb-6" label="上传时间">
+            <el-input v-model="form.uploadTime" placeholder="请输入【案例】上传时间" />
+          </el-form-item>
+
+          <!-- 是否同步发布 -->
+          <el-form-item label="*是否同步发布到实践" class="mb-6">
+            <el-radio-group v-model="form.publishToPractice">
+              <el-radio :label="true">是</el-radio>
+              <el-radio :label="false">否</el-radio>
+            </el-radio-group>
+          </el-form-item>
+
+          <!-- 发布时间 -->
+          <el-form-item label="*发布时间" class="mb-8">
+            <el-radio-group v-model="form.publishTime">
+              <el-radio label="now">立即发布</el-radio>
+              <el-radio label="scheduled">定时发布</el-radio>
+            </el-radio-group>
+            <el-date-picker
+              v-if="form.publishTime === 'scheduled'"
+              v-model="form.scheduledTime"
+              type="datetime"
+              placeholder="选择发布时间"
+              class="ml-4"
+            />
+          </el-form-item>
+
+          <!-- 底部按钮组 -->
+          <div class="flex items-center justify-between gap-4 pt-4">
+            <div class="flex gap-4">
+              <el-button size="large" @click="handleCancel"> 取消 </el-button>
+              <el-button size="large" @click="handlePreview"> 预览 </el-button>
+              <el-button size="large" type="info" plain @click="handleSaveDraft">
+                存草稿
+              </el-button>
+            </div>
+            <el-button type="primary" @click="handleSubmit"> 提交 </el-button>
+          </div>
+        </el-form>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup lang="tsx">
+import { QuestionFilled } from '@element-plus/icons-vue'
+import { addOrUpdateCase } from '@/api/case'
+import { useResetData } from '@/hooks'
+import type { AddOrUpdateCaseDto } from '@/api/case/types'
+import SelectTags from '@/components/common/SelectTags/index.vue'
+import type { FormInstance } from 'element-plus'
+
+const formRef = useTemplateRef<FormInstance>('formRef')
+const [form, resetForm] = useResetData<AddOrUpdateCaseDto>({
+  title: '',
+  content: '',
+  tagList: [],
+})
+
+// 取消
+const handleCancel = () => {
+  ElMessage.warning('确定要取消吗？')
+  // 可以添加确认对话框
+}
+
+// 预览
+const handlePreview = () => {
+  console.log('预览', form)
+  ElMessage.success('预览功能待实现')
+}
+
+// 保存草稿
+const handleSaveDraft = () => {
+  console.log('保存草稿', form)
+  ElMessage.success('草稿保存成功')
+}
+
+// 提交
+const handleSubmit = async () => {
+  await formRef.value?.validate()
+  const res = await addOrUpdateCase(form.value)
+  if (res) {
+    ElMessage.success('提交成功')
+  }
+}
+
+const showSubmissionGuide = () => {
+  const countdown = ref(0)
+  let timer: number | null = null
+
+  const MessageContent = (): VNode => {
+    return (
+      <div>
+        <div class="px-5 py-4 leading-7">
+          <div class="mb-4 text-base">
+            1、YA伙伴实名投稿，分享您在工作中践行公司文化或解决实际业务的成功案例与经验。
+          </div>
+          <div class="mb-1 text-base">2、投稿时，您可自主选择：</div>
+          <div class="text-sm mb-1">
+            （1）公开公示：案例将实名展示YA文化“实践”版块，成为全员可见的光荣榜，用于分享、激励和学习。
+          </div>
+          <div class="text-sm mb-4">
+            （2）私有入库：案例将直接进入亚声内部案例管理系统，作为宝贵的内部知识资产供管理层分析和参考，分析参考时不会展示分享人信息。
+          </div>
+          <div class="mb-4 text-base">
+            3、通过奖品激励与光荣榜展示，鼓励伙伴分享，在尊重伙伴个人意愿的同时，将优秀实践经验沉淀为组织财富，实现个人成长与团队赋能的双赢。
+          </div>
+
+          <div class="flex justify-center pt-3 border-t border-[#ebeef5]">
+            <el-button
+              type="primary"
+              disabled={countdown.value > 0}
+              loading={countdown.value > 0}
+              onClick={() => {
+                if (countdown.value === 0) {
+                  ElMessageBox.close()
+                }
+              }}
+            >
+              {countdown.value > 0 ? `${countdown.value}s` : '确定'}
+            </el-button>
+          </div>
+        </div>
+      </div>
+    )
+  }
+  timer = setInterval(() => {
+    if (countdown.value > 0) {
+      countdown.value--
+    } else {
+      if (timer) clearInterval(timer)
+    }
+  }, 1000)
+
+  ElMessageBox({
+    title: '投稿说明',
+    center: true,
+    message: MessageContent,
+    lockScroll: true,
+    showConfirmButton: false,
+    showClose: false,
+    closeOnClickModal: false,
+    closeOnPressEscape: false,
+  })
+}
+
+onActivated(() => {
+  showSubmissionGuide()
+})
+</script>
+
+<style scoped>
+:deep(.el-textarea__inner) {
+  font-size: 15px;
+  line-height: 1.6;
+}
+
+:deep(.el-input__inner) {
+  font-size: 16px;
+}
+
+/* 渐变背景文字 */
+.text-transparent {
+  -webkit-text-fill-color: transparent;
+}
+</style>

vite.config.ts

@@ -49,7 +49,8 @@ export default defineConfig({
     // https: false as const,
     proxy: {
       '/api1': {
-        target: 'http://192.168.2.168:8089', // 首拥本地
+        // target: 'http://192.168.2.168:8089', // 立鹏本地
+        target: 'http://192.168.2.55:8089', // 首拥本地
         changeOrigin: true,
         rewrite: (path) => {
           return path.replace(/^\/api1/, '')