feat(admin): 新增活动管理功能并优化字典组件

- 新增活动管理相关功能，包括活动创建、编辑、删除和状态管理
- 新增 PublishStatus 枚举定义活动发布状态
- 优化字典组件，支持字符串和数字类型的字典值
- 重构业务数据存储逻辑，简化字典数据获取流程
- 新增活动详情页面，支持分组管理和队伍配置
- 集成富文本编辑器用于活动规则编辑
- 优化图片上传组件，支持小图上传模式
- 修复模板管理中的区域选择和分页问题
- 更新 TypeScript 类型定义，完善 API 接口
- 调整主题配置，新增活动状态相关颜色

apps/admin/src/components/common/oss-image-upload/index.vue

@@ -10,16 +10,19 @@ const props = withDefaults(defineProps<{
   /** 图片地址 */
   modelValue?: string
   /** 上传路径 */
-  path?: string
+  path?: string // 上传路径，默认 temp/ 目录，同名文件会覆盖
   /** 提示文字 */
   hint?: string
   /** 最大文件大小 (KB) */
   maxSize?: number
   /** 接受的文件类型 */
   accept?: string
+  /** 模式: default-大图上传(带文字), mini-小图上传(仅图标) */
+  variant?: 'default' | 'mini'
 }>(), {
   hint: '支持 JPG/PNG 格式',
   accept: 'image/*',
+  variant: 'default',
 })
 
 const emit = defineEmits(['update:modelValue'])
@@ -80,14 +83,19 @@ function handleRemove() {
     :accept="accept"
     :show-file-list="false"
     :custom-request="customRequest"
-    class="block w-full"
+    class="block"
+    :class="{ 'w-full': props.variant === 'default' }"
   >
     <div
-      class="relative h-[400px] w-full flex flex-col cursor-pointer items-center justify-center overflow-hidden rounded-3xl bg-[#F5F8FF] transition-all hover:bg-gray-100"
-      :class="{ 'border-2 border-dashed border-gray-300': !modelValue }"
+      class="relative flex flex-col cursor-pointer items-center justify-center overflow-hidden transition-all hover:bg-gray-100"
+      :class="[
+        props.variant === 'default' ? 'h-[400px] w-full rounded-3xl bg-[#F5F8FF]' : 'h-full w-full bg-[#F5F8FF] rounded-lg',
+        !modelValue && props.variant === 'default' ? 'border-2 border-dashed border-gray-300' : '',
+        !modelValue && props.variant === 'mini' ? 'border border-dashed border-gray-300' : '',
+      ]"
     >
       <div v-if="loading" class="absolute inset-0 z-50 flex items-center justify-center bg-white/50">
-        <NSpin size="large" />
+        <NSpin :size="props.variant === 'mini' ? 'small' : 'large'" />
       </div>
 
       <template v-else>
@@ -97,19 +105,40 @@ function handleRemove() {
         >
           <div class="flex gap-4">
             <!-- NUpload 的 trigger 会自动处理点击事件 -->
-            <NButton ghost color="#fff" size="small">
+            <NButton v-if="props.variant === 'default'" ghost color="#fff" size="small">
               更换
             </NButton>
-            <NButton ghost color="#ff4d4f" size="small" @click.stop="handleRemove">
+            <div v-else class="cursor-pointer text-xs text-white">
+              更换
+            </div>
+            <NButton v-if="props.variant === 'default'" ghost color="#fff" size="small" @click.stop="handleRemove">
               删除
             </NButton>
           </div>
         </div>
-        <img v-if="modelValue" :src="modelValue" class="h-full w-full object-cover" alt="Poster">
-        <div v-else class="flex flex-col items-center text-gray-400">
-          <div class="i-carbon-add-filled mb-4 text-4xl text-[#3B82F6]" />
-          <span class="text-sm font-bold">点击上传海报</span>
-          <span class="mt-2 text-xs opacity-60">{{ hint }}</span>
+
+        <img
+          v-if="modelValue"
+          :src="modelValue"
+          class="h-full w-full object-cover"
+          alt="uploaded"
+        >
+
+        <div v-else class="flex flex-col items-center justify-center text-gray-400">
+          <template v-if="props.variant === 'default'">
+            <slot name="icon">
+              <icon-ic-baseline-upload class="mb-4 text-6xl" />
+            </slot>
+            <div class="text-lg text-gray-600 font-medium">
+              点击上传
+            </div>
+            <div class="mt-2 text-sm text-gray-400">
+              {{ hint }}
+            </div>
+          </template>
+          <template v-else>
+            <icon-ic-baseline-upload class="text-xl" />
+          </template>
         </div>
       </template>
     </div>
@@ -119,5 +148,6 @@ function handleRemove() {
 <style scoped>
 :deep(.n-upload-trigger) {
   width: 100%;
+  height: 100%;
 }
 </style>