fix: avatar page

src/api/spring/avatar/category.js

@@ -0,0 +1,62 @@
+import request from '@/utils/request'
+
+export function getList(data) {
+  return request({
+    url: '/management/api/spring/avatar-category/list',
+    method: 'get',
+    params: data,
+  })
+}
+
+export function getAll() {
+  return request({
+    url: '/management/api/spring/avatar-category/all',
+    method: 'get',
+  })
+}
+
+export function doAdd(data) {
+  return request({
+    url: '/management/api/spring/avatar-category',
+    method: 'post',
+    data,
+  })
+}
+
+export function doEdit(id, data) {
+  return request({
+    url: `/management/api/spring/avatar-category/${id}`,
+    method: 'put',
+    data,
+  })
+}
+
+export function doDelete(data) {
+  return request({
+    url: '/management/api/spring/avatar-category/delete',
+    method: 'put',
+    data,
+  })
+}
+
+export function doMoveUp(id) {
+  return request({
+    url: `/management/api/spring/avatar-category/moveUp/${id}`,
+    method: 'patch',
+  })
+}
+
+export function doMoveDown(id) {
+  return request({
+    url: `/management/api/spring/avatar-category/moveDown/${id}`,
+    method: 'patch',
+  })
+}
+
+export function toggleEnable(id, isEnabled) {
+  return request({
+    url: `/management/api/spring/avatar-category/enable/${id}`,
+    method: 'patch',
+    data: { isEnabled },
+  })
+}

src/api/spring/blessing/scene/index.js

@@ -0,0 +1,70 @@
+import request from '@/utils/request'
+
+export function getList(params) {
+  return request({
+    url: '/management/api/spring/card-scene/list',
+    method: 'get',
+    params,
+  })
+}
+
+export function getAll(params) {
+  return request({
+    url: '/management/api/spring/card-scene/all',
+    method: 'get',
+    params,
+  })
+}
+
+export function doAdd(data) {
+  return request({
+    url: '/management/api/spring/card-scene/create',
+    method: 'post',
+    data,
+  })
+}
+
+export function doEdit(id, data) {
+  return request({
+    url: `/management/api/spring/card-scene/update/${id}`,
+    method: 'put',
+    data,
+  })
+}
+
+export function doDelete(data) {
+  return request({
+    url: '/management/api/spring/card-scene/delete',
+    method: 'put',
+    data,
+  })
+}
+
+export function doMoveUp(id) {
+  return request({
+    url: `/management/api/spring/card-scene/moveUp/${id}`,
+    method: 'patch',
+  })
+}
+
+export function doMoveDown(id) {
+  return request({
+    url: `/management/api/spring/card-scene/moveDown/${id}`,
+    method: 'patch',
+  })
+}
+
+export function doMoveToTop(id) {
+  return request({
+    url: `/management/api/spring/card-scene/moveToTop/${id}`,
+    method: 'patch',
+  })
+}
+
+export function toggleEnable(id, isEnabled) {
+  return request({
+    url: `/management/api/spring/card-scene/enable/${id}`,
+    method: 'patch',
+    data: { isEnabled },
+  })
+}

src/api/spring/daily/greeting.js

@@ -0,0 +1,49 @@
+import request from '@/utils/request'
+
+export function getList(params) {
+  return request({
+    url: '/management/api/spring/greeting/list',
+    method: 'get',
+    params,
+  })
+}
+
+export function doAdd(data) {
+  return request({
+    url: '/management/api/spring/greeting/create',
+    method: 'post',
+    data,
+  })
+}
+
+export function doEdit(id, data) {
+  return request({
+    url: `/management/api/spring/greeting/update/${id}`,
+    method: 'put',
+    data,
+  })
+}
+
+export function doDelete(data) {
+  return request({
+    url: '/management/api/spring/greeting/delete',
+    method: 'put',
+    data,
+  })
+}
+
+export function toggleEnable(id, isEnabled) {
+  return request({
+    url: `/management/api/spring/greeting/enable/${id}`,
+    method: 'patch',
+    data: { isEnabled },
+  })
+}
+
+export function getGreetingStreakList(params) {
+  return request({
+    url: '/management/api/spring/system/greeting-streak/list',
+    method: 'get',
+    params,
+  })
+}

src/api/spring/daily/scene.js

@@ -0,0 +1,62 @@
+import request from '@/utils/request'
+
+export function getList(params) {
+  return request({
+    url: '/management/api/spring/greeting-scene/list',
+    method: 'get',
+    params,
+  })
+}
+
+export function doAdd(data) {
+  return request({
+    url: '/management/api/spring/greeting-scene/create',
+    method: 'post',
+    data,
+  })
+}
+
+export function doEdit(id, data) {
+  return request({
+    url: `/management/api/spring/greeting-scene/update/${id}`,
+    method: 'put',
+    data,
+  })
+}
+
+export function doDelete(data) {
+  return request({
+    url: '/management/api/spring/greeting-scene/delete',
+    method: 'put',
+    data,
+  })
+}
+
+export function doMoveUp(id) {
+  return request({
+    url: `/management/api/spring/greeting-scene/moveUp/${id}`,
+    method: 'patch',
+  })
+}
+
+export function doMoveDown(id) {
+  return request({
+    url: `/management/api/spring/greeting-scene/moveDown/${id}`,
+    method: 'patch',
+  })
+}
+
+export function doMoveToTop(id) {
+  return request({
+    url: `/management/api/spring/greeting-scene/moveToTop/${id}`,
+    method: 'patch',
+  })
+}
+
+export function toggleEnable(id, isEnabled) {
+  return request({
+    url: `/management/api/spring/greeting-scene/enable/${id}`,
+    method: 'patch',
+    data: { isEnabled },
+  })
+}

src/api/spring/index/topic.js

@@ -0,0 +1,39 @@
+import request from '@/utils/request'
+
+export function getList(data) {
+  return request({
+    url: '/management/api/spring/card/special-topic/list',
+    method: 'get',
+    params: data,
+  })
+}
+
+export function createTopic(data) {
+  return request({
+    url: '/management/api/spring/card/special-topic/create',
+    method: 'post',
+    data,
+  })
+}
+
+export function updateTopic(id, data) {
+  return request({
+    url: `/management/api/spring/card/special-topic/update/${id}`,
+    method: 'put',
+    data,
+  })
+}
+
+export function enableTopic(id) {
+  return request({
+    url: `/management/api/spring/card/special-topic/enable/${id}`,
+    method: 'patch',
+  })
+}
+
+export function disableTopic(id) {
+  return request({
+    url: `/management/api/spring/card/special-topic/disable/${id}`,
+    method: 'patch',
+  })
+}

src/api/suspiciousRequest/index.js

@@ -0,0 +1,9 @@
+import request from '@/utils/request'
+
+export function getList(data) {
+  return request({
+    url: '/management/api/suspicious-request/list',
+    method: 'get',
+    params: data,
+  })
+}

src/api/system/ability.js

@@ -0,0 +1,40 @@
+import request from '@/utils/request'
+
+export function getList(data) {
+  return request({
+    url: 'management/api/ability/rule/list',
+    method: 'get',
+    params: data,
+  })
+}
+
+export function doAdd(data) {
+  return request({
+    url: 'management/api/ability/rule',
+    method: 'post',
+    data,
+  })
+}
+
+export function doEdit(id, data) {
+  return request({
+    url: `/management/api/ability/rule/${id}`,
+    method: 'put',
+    data,
+  })
+}
+
+export function doDelete(data) {
+  return request({
+    url: `/management/api/ability/rule`,
+    method: 'delete',
+    data,
+  })
+}
+export function toggleEnable(id, isEnabled) {
+  return request({
+    url: `/management/api/ability/rule/enable/${id}`,
+    method: 'patch',
+    data: { isEnabled },
+  })
+}

src/api/system/index.js

@@ -15,3 +15,19 @@ export function getTrackingLogsList(data) {
     params: data,
   })
 }
+
+export function getAdWatchTicketList(data) {
+  return request({
+    url: 'management/api/system/ad-watch-ticket/list',
+    method: 'get',
+    params: data,
+  })
+}
+
+export function getUserSignLogList(data) {
+  return request({
+    url: 'management/api/system/user-sign-log/list',
+    method: 'get',
+    params: data,
+  })
+}

src/api/system/reward.js

@@ -0,0 +1,40 @@
+import request from '@/utils/request'
+
+export function getRewardRuleList(data) {
+  return request({
+    url: 'management/api/reward/rule/list',
+    method: 'get',
+    params: data,
+  })
+}
+
+export function doAdd(data) {
+  return request({
+    url: 'management/api/reward/rule',
+    method: 'post',
+    data,
+  })
+}
+
+export function doEdit(id, data) {
+  return request({
+    url: `/management/api/reward/rule/${id}`,
+    method: 'put',
+    data,
+  })
+}
+
+export function doDelete(data) {
+  return request({
+    url: `/management/api/reward/rule`,
+    method: 'delete',
+    data,
+  })
+}
+export function toggleEnable(id, isEnabled) {
+  return request({
+    url: `/management/api/reward/rule/enable/${id}`,
+    method: 'patch',
+    data: { isEnabled },
+  })
+}

src/router/index.js

@@ -55,6 +55,38 @@ export const asyncRoutes = [
     name: 'SpringMini',
     meta: { title: '新春祝福', icon: 'gift', permissions: ['admin'] },
     children: [
+      {
+        path: 'daily-index',
+        component: EmptyLayout,
+        alwaysShow: true,
+        redirect: 'noRedirect',
+        name: 'DailyIndex',
+        meta: {
+          title: '每日问候',
+          icon: 'clover',
+          permissions: ['admin'],
+        },
+        children: [
+          {
+            path: 'scene',
+            name: 'Scene',
+            component: () => import('@/views/spring/daily/scene/index'),
+            meta: { title: '场景配置', icon: 'setting' },
+          },
+          {
+            path: 'greeting',
+            name: 'Greeting',
+            component: () => import('@/views/spring/daily/greeting/index'),
+            meta: { title: '问候语配置', icon: 'setting' },
+          },
+          {
+            path: 'greetingStreak',
+            name: 'GreetingStreak',
+            component: () => import('@/views/spring/daily/greetingStreak/index'),
+            meta: { title: '问候记录', icon: 'list' },
+          },
+        ],
+      },
       {
         path: 'index',
         component: EmptyLayout,
@@ -73,6 +105,12 @@ export const asyncRoutes = [
             component: () => import('@/views/spring/index/recommend/index'),
             meta: { title: '推介列表', icon: 'list' },
           },
+          {
+            path: 'topic',
+            name: 'Topic',
+            component: () => import('@/views/spring/index/topic/index'),
+            meta: { title: '贺卡专题', icon: 'list' },
+          },
           {
             path: 'tips',
             name: 'tips',
@@ -93,6 +131,12 @@ export const asyncRoutes = [
           permissions: ['admin'],
         },
         children: [
+          {
+            path: 'scene',
+            name: 'Scene',
+            component: () => import('@/views/spring/blessing/scene/index'),
+            meta: { title: '祝福卡场景' },
+          },
           {
             path: 'template',
             name: 'template',
@@ -163,6 +207,12 @@ export const asyncRoutes = [
             component: () => import('@/views/spring/avatar/systemAvatar/index'),
             meta: { title: '系统头像' },
           },
+          {
+            path: 'avatarCategory',
+            name: 'AvatarCategory',
+            component: () => import('@/views/spring/avatar/category/index'),
+            meta: { title: '头像类型' },
+          },
           {
             path: 'avatarFrame',
             name: 'AvatarFrame',
@@ -239,6 +289,18 @@ export const asyncRoutes = [
             component: () => import('@/views/spring/user/order/index'),
             meta: { title: '订单' },
           },
+          {
+            path: 'adWatchRecord',
+            name: 'AdWatchRecord',
+            component: () => import('@/views/spring/user/adWatch/index'),
+            meta: { title: '广告观看记录' },
+          },
+          {
+            path: 'userSignLog',
+            name: 'UserSignLog',
+            component: () => import('@/views/spring/user/signLog/index'),
+            meta: { title: '用户签到记录' },
+          },
           {
             path: 'userChat',
             name: 'UserChat',
@@ -273,6 +335,51 @@ export const asyncRoutes = [
       },
     ],
   },
+  {
+    path: '/systemManagement',
+    component: Layout,
+    redirect: 'noRedirect',
+    name: 'SystemManagement',
+    meta: { title: '系统', icon: 'users-cog', permissions: ['admin'] },
+    children: [
+      {
+        path: 'deviceManagement',
+        name: 'DeviceManagement',
+        component: () => import('@/views/systemManagement/device/index'),
+        meta: { title: '设备管理' },
+      },
+      {
+        path: 'rewardManagement',
+        name: 'RewardManagement',
+        component: () => import('@/views/systemManagement/reward/index'),
+        meta: { title: '奖励管理' },
+      },
+      {
+        path: 'abilityManagement',
+        name: 'AbilityManagement',
+        component: () => import('@/views/systemManagement/ability/index'),
+        meta: { title: '用户能力管理' },
+      },
+      {
+        path: 'accessLogManagement',
+        name: 'AccessLogManagement',
+        component: () => import('@/views/personnelManagement/accessLogManagement/index'),
+        meta: { title: '访问日志' },
+      },
+      {
+        path: 'suspiciousRequest',
+        name: 'SuspiciousRequest',
+        component: () => import('@/views/personnelManagement/suspiciousRequest/index'),
+        meta: { title: '异常请求' },
+      },
+      {
+        path: 'uploadedFileManagement',
+        name: 'UploadedFileManagement',
+        component: () => import('@/views/personnelManagement/uploadedFileManagement/index'),
+        meta: { title: '已上传文件' },
+      },
+    ],
+  },
   // {
   //   path: '/maomaotou',
   //   component: Layout,
@@ -638,33 +745,7 @@ export const asyncRoutes = [
       },
     ],
   },
-  {
+
-    path: '/systemManagement',
-    component: Layout,
-    redirect: 'noRedirect',
-    name: 'SystemManagement',
-    meta: { title: '系统', icon: 'users-cog', permissions: ['admin'] },
-    children: [
-      {
-        path: 'deviceManagement',
-        name: 'DeviceManagement',
-        component: () => import('@/views/systemManagement/device/index'),
-        meta: { title: '设备管理' },
-      },
-      {
-        path: 'accessLogManagement',
-        name: 'AccessLogManagement',
-        component: () => import('@/views/personnelManagement/accessLogManagement/index'),
-        meta: { title: '访问日志' },
-      },
-      {
-        path: 'uploadedFileManagement',
-        name: 'UploadedFileManagement',
-        component: () => import('@/views/personnelManagement/uploadedFileManagement/index'),
-        meta: { title: '已上传文件' },
-      },
-    ],
-  },
   // {
   //   path: '/mall',
   //   component: Layout,

src/utils/index.js

@@ -52,6 +52,7 @@ export function parseTime(time, cFormat) {
  * @returns {string}
  */
 export function formatTime(time, option) {
+  if (!time) return
   if (typeof time === 'string' && !isNaN(Date.parse(time))) {
     // 处理 ISO 8601 格式的时间
     time = new Date(time)

src/views/personnelManagement/suspiciousRequest/index.vue

@@ -0,0 +1,134 @@
+<template>
+  <div class="suspiciousRequest-container">
+    <vab-query-form>
+      <vab-query-form-right-panel :span="24">
+        <el-form :inline="true" :model="queryForm" @submit.native.prevent>
+          <el-form-item>
+            <el-input v-model.trim="queryForm.userId" clearable placeholder="用户ID" />
+          </el-form-item>
+          <el-form-item>
+            <el-input v-model.trim="queryForm.ip" clearable placeholder="IP" />
+          </el-form-item>
+          <el-form-item>
+            <el-input v-model.trim="queryForm.path" clearable placeholder="请求路径" />
+          </el-form-item>
+          <el-form-item>
+            <el-date-picker
+              v-model="queryForm.timeRange"
+              end-placeholder="结束日期"
+              format="yyyy-MM-dd HH:mm:ss"
+              range-separator="至"
+              start-placeholder="开始日期"
+              type="datetimerange"
+              value-format="yyyy-MM-dd HH:mm:ss"
+              @change="handleDateChange"
+            />
+          </el-form-item>
+          <el-form-item>
+            <el-button icon="el-icon-search" type="primary" @click="queryData">查询</el-button>
+          </el-form-item>
+        </el-form>
+      </vab-query-form-right-panel>
+    </vab-query-form>
+
+    <el-table v-loading="listLoading" :data="list" :element-loading-text="elementLoadingText">
+      <el-table-column align="center" label="用户" show-overflow-tooltip>
+        <template slot-scope="{ row }">
+          {{ row.userName || row.userId }}
+        </template>
+      </el-table-column>
+      <el-table-column align="center" label="应用" show-overflow-tooltip>
+        <template slot-scope="{ row }">
+          {{ row.appName || row.appId }}
+        </template>
+      </el-table-column>
+      <el-table-column align="center" label="IP" prop="ip" show-overflow-tooltip />
+      <el-table-column align="center" label="路径" prop="path" show-overflow-tooltip />
+      <el-table-column align="center" label="原因" prop="reason" show-overflow-tooltip />
+      <el-table-column align="center" label="UserAgent" prop="userAgent" show-overflow-tooltip />
+      <el-table-column align="center" label="创建时间" show-overflow-tooltip>
+        <template #default="{ row }">
+          {{ formatTime(row.createdAt) }}
+        </template>
+      </el-table-column>
+    </el-table>
+    <el-pagination
+      background
+      :current-page="queryForm.pageNo"
+      :layout="layout"
+      :page-size="queryForm.pageSize"
+      :total="total"
+      @current-change="handleCurrentChange"
+      @size-change="handleSizeChange"
+    />
+  </div>
+</template>
+
+<script>
+  import { getList } from '@/api/suspiciousRequest'
+  import { formatTime } from '@/utils'
+
+  export default {
+    name: 'SuspiciousRequest',
+    data() {
+      return {
+        list: null,
+        listLoading: true,
+        layout: 'total, sizes, prev, pager, next, jumper',
+        total: 0,
+        elementLoadingText: '正在加载...',
+        queryForm: {
+          pageNo: 1,
+          pageSize: 10,
+          userId: '',
+          ip: '',
+          path: '',
+          startTime: '',
+          endTime: '',
+          timeRange: [],
+        },
+        timeOutID: null,
+      }
+    },
+    created() {
+      this.fetchData()
+    },
+    beforeDestroy() {
+      clearTimeout(this.timeOutID)
+    },
+    methods: {
+      formatTime,
+      handleDateChange(val) {
+        if (val) {
+          this.queryForm.startTime = val[0]
+          this.queryForm.endTime = val[1]
+        } else {
+          this.queryForm.startTime = ''
+          this.queryForm.endTime = ''
+        }
+        this.queryData()
+      },
+      handleSizeChange(val) {
+        this.queryForm.pageSize = val
+        this.fetchData()
+      },
+      handleCurrentChange(val) {
+        this.queryForm.pageNo = val
+        this.fetchData()
+      },
+      queryData() {
+        this.queryForm.pageNo = 1
+        this.fetchData()
+      },
+      async fetchData() {
+        this.listLoading = true
+        const { data } = await getList(this.queryForm)
+        this.list = data.list
+        this.total = data.totalCount
+        this.timeOutID = setTimeout(() => {
+          this.listLoading = false
+        }, 300)
+      },
+    },
+  }
+</script>

src/views/personnelManagement/uploadedFileManagement/index.vue

@@ -18,7 +18,7 @@
       <el-table-column align="center" label="图片" width="100">
         <template slot-scope="scope">
           <el-tooltip class="item" :content="scope.row.name" effect="dark" placement="top">
-            <img alt="image" :src="scope.row.url" style="width: 50px; height: 50px; object-fit: cover" />
+            <el-image fit="cover" :preview-src-list="[scope.row.url]" :src="getThumbUrl(scope.row.url)" style="width: 50px; height: 50px" />
           </el-tooltip>
         </template>
       </el-table-column>
@@ -56,6 +56,7 @@
 <script>
   import { getList } from '@/api/uploadedFileManagement'
   import { formatTime } from '@/utils'
+  import { getThumbUrl } from '@/utils/blessing'
 
   export default {
     name: 'UploadedFileManagement',
@@ -84,6 +85,7 @@
     },
     methods: {
       formatTime,
+      getThumbUrl,
       setSelectRows(val) {
         this.selectRows = val
       },

src/views/spring/avatar/avatarDecor/components/AppManagementEdit.vue

@@ -4,6 +4,11 @@
       <el-form-item label="类型" prop="type">
         <el-input v-model.trim="form.type" placeholder="请输入类型" />
       </el-form-item>
+      <el-form-item label="解锁类型" prop="unlockType">
+        <el-select v-model="form.unlockType" clearable placeholder="请选择解锁类型(可为空)" style="width: 100%">
+          <el-option v-for="item in unlockTypeList" :key="item.value" :label="item.label" :value="item.value" />
+        </el-select>
+      </el-form-item>
       <el-form-item label="挂饰图片" prop="imageUrl">
         <single-upload
           v-model="form.imageUrl"
@@ -37,8 +42,16 @@
         form: {
           imageUrl: '',
           type: '',
+          unlockType: '',
           isEnabled: true,
         },
+        unlockTypeList: [
+          { value: 'sing3', label: '连续签到3天' },
+          { value: 'sing5', label: '连续签到5天' },
+          { value: 'sing7', label: '连续签到7天' },
+          { value: 'ad', label: '观看广告' },
+          { value: 'vip', label: '开通vip' },
+        ],
         rules: {
           imageUrl: [{ required: true, trigger: 'blur', message: '请上传挂饰图片' }],
           isEnabled: [{ required: true, trigger: 'blur', message: '请选择是否启用' }],
@@ -65,6 +78,7 @@
           this.form = {
             imageUrl: row.imageUrl,
             type: row.type,
+            unlockType: row.unlockType,
             isEnabled: row.isEnabled,
           }
           this.id = row.id

src/views/spring/avatar/avatarDecor/index.vue

@@ -28,7 +28,11 @@
       </el-table-column>
       <el-table-column align="center" label="排序" prop="sort" show-overflow-tooltip />
       <el-table-column align="center" label="类型" prop="type" show-overflow-tooltip />
-
+      <el-table-column align="center" label="解锁类型" show-overflow-tooltip>
+        <template #default="{ row }">
+          {{ getUnlockTypeName(row.unlockType) }}
+        </template>
+      </el-table-column>
       <el-table-column align="center" label="挂饰" width="100">
         <template slot-scope="scope">
           <el-tooltip class="item" :content="scope.row.id" effect="dark" placement="top">
@@ -177,6 +181,16 @@
           this.$baseMessage('更新失败', 'error')
         }
       },
+      getUnlockTypeName(type) {
+        const map = {
+          sing3: '连续签到3天',
+          sing5: '连续签到5天',
+          sing7: '连续签到7天',
+          ad: '观看广告',
+          vip: '开通vip',
+        }
+        return map[type] || type
+      },
       async handleMoveUp(row) {
         try {
           const { msg } = await doMoveUp(row.id)

src/views/spring/avatar/avatarFrame/components/AppManagementEdit.vue

@@ -4,6 +4,11 @@
       <el-form-item label="类型" prop="type">
         <el-input v-model.trim="form.type" placeholder="请输入类型" />
       </el-form-item>
+      <el-form-item label="解锁类型" prop="unlockType">
+        <el-select v-model="form.unlockType" clearable placeholder="请选择解锁类型(可为空)" style="width: 100%">
+          <el-option v-for="item in unlockTypeList" :key="item.value" :label="item.label" :value="item.value" />
+        </el-select>
+      </el-form-item>
       <el-form-item label="头像框" prop="imageUrl">
         <single-upload
           v-model="form.imageUrl"
@@ -37,8 +42,16 @@
         form: {
           imageUrl: '',
           type: '',
+          unlockType: '',
           isEnabled: true,
         },
+        unlockTypeList: [
+          { value: 'sing3', label: '连续签到3天' },
+          { value: 'sing5', label: '连续签到5天' },
+          { value: 'sing7', label: '连续签到7天' },
+          { value: 'ad', label: '观看广告' },
+          { value: 'vip', label: '开通vip' },
+        ],
         rules: {
           imageUrl: [{ required: true, trigger: 'blur', message: '请上传头像框图片' }],
           isEnabled: [{ required: true, trigger: 'blur', message: '请选择是否启用' }],
@@ -65,6 +78,7 @@
           this.form = {
             imageUrl: row.imageUrl,
             type: row.type,
+            unlockType: row.unlockType,
             isEnabled: row.isEnabled,
           }
           this.id = row.id

src/views/spring/avatar/avatarFrame/index.vue

@@ -28,7 +28,11 @@
       </el-table-column>
       <el-table-column align="center" label="排序" prop="sort" show-overflow-tooltip />
       <el-table-column align="center" label="类型" prop="type" show-overflow-tooltip />
-
+      <el-table-column align="center" label="解锁类型" show-overflow-tooltip>
+        <template #default="{ row }">
+          {{ getUnlockTypeName(row.unlockType) }}
+        </template>
+      </el-table-column>
       <el-table-column align="center" label="头像框" width="100">
         <template slot-scope="scope">
           <el-tooltip class="item" :content="scope.row.id" effect="dark" placement="top">
@@ -207,6 +211,16 @@
         if (enabled.length === 0) return false
         return enabled[enabled.length - 1].id === row.id
       },
+      getUnlockTypeName(type) {
+        const map = {
+          sing3: '连续签到3天',
+          sing5: '连续签到5天',
+          sing7: '连续签到7天',
+          ad: '观看广告',
+          vip: '开通vip',
+        }
+        return map[type] || type
+      },
     },
   }
 </script>

src/views/spring/avatar/category/components/AvatarCategoryEdit.vue

@@ -0,0 +1,78 @@
+<template>
+  <el-dialog :title="title" :visible.sync="dialogFormVisible" width="500px" @close="close">
+    <el-form ref="form" label-width="80px" :model="form" :rules="rules">
+      <el-form-item label="分类名称" prop="name">
+        <el-input v-model.trim="form.name" autocomplete="off" />
+      </el-form-item>
+      <el-form-item label="是否启用" prop="isEnabled">
+        <el-switch v-model="form.isEnabled" />
+      </el-form-item>
+    </el-form>
+    <div slot="footer" class="dialog-footer">
+      <el-button @click="close">取 消</el-button>
+      <el-button type="primary" @click="save">确 定</el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+  import { doAdd, doEdit } from '@/api/spring/avatar/category'
+
+  export default {
+    name: 'AvatarCategoryEdit',
+    data() {
+      return {
+        form: {
+          name: '',
+          sort: 1,
+          isEnabled: true,
+        },
+        rules: {
+          name: [{ required: true, trigger: 'blur', message: '请输入分类名称' }],
+        },
+        title: '',
+        dialogFormVisible: false,
+      }
+    },
+    methods: {
+      showEdit(row) {
+        if (!row) {
+          this.title = '添加'
+          this.form = this.$options.data().form
+        } else {
+          this.title = '编辑'
+          this.form = Object.assign({}, row)
+        }
+        this.dialogFormVisible = true
+      },
+      close() {
+        this.$refs['form'].resetFields()
+        this.form = this.$options.data().form
+        this.dialogFormVisible = false
+      },
+      save() {
+        this.$refs['form'].validate(async (valid) => {
+          if (valid) {
+            try {
+              if (this.title === '添加') {
+                const { msg } = await doAdd(this.form)
+                this.$baseMessage(msg, 'success')
+              } else {
+                const { msg } = await doEdit(this.form.id, this.form)
+                this.$baseMessage(msg, 'success')
+              }
+              this.$refs['form'].resetFields()
+              this.dialogFormVisible = false
+              this.$emit('fetch-data')
+              this.form = this.$options.data().form
+            } catch (error) {
+              console.error(error)
+            }
+          } else {
+            return false
+          }
+        })
+      },
+    },
+  }
+</script>

src/views/spring/avatar/category/index.vue

@@ -0,0 +1,172 @@
+<template>
+  <div class="avatar-category-container">
+    <vab-query-form>
+      <vab-query-form-left-panel :span="12">
+        <el-button icon="el-icon-plus" type="primary" @click="handleEdit">添加</el-button>
+        <el-button icon="el-icon-delete" type="danger" @click="handleDelete">批量删除</el-button>
+      </vab-query-form-left-panel>
+      <vab-query-form-right-panel :span="12">
+        <el-form :inline="true" :model="queryForm" @submit.native.prevent>
+          <el-form-item>
+            <el-input v-model.trim="queryForm.name" clearable placeholder="请输入分类名称" />
+          </el-form-item>
+          <el-form-item>
+            <el-button icon="el-icon-search" type="primary" @click="queryData">查询</el-button>
+          </el-form-item>
+        </el-form>
+      </vab-query-form-right-panel>
+    </vab-query-form>
+
+    <el-table v-loading="listLoading" :data="list" :element-loading-text="elementLoadingText">
+      <el-table-column align="center" label="分类名称" prop="name" show-overflow-tooltip />
+      <el-table-column align="center" label="排序" prop="sort" sortable width="100" />
+      <el-table-column align="center" label="状态" prop="isEnabled" width="100">
+        <template #default="{ row }">
+          <el-switch v-model="row.isEnabled" @change="handleStatusChange(row)" />
+        </template>
+      </el-table-column>
+      <el-table-column align="center" label="创建时间" prop="createdAt" width="200">
+        <template #default="{ row }">
+          {{ formatTime(row.createdAt) }}
+        </template>
+      </el-table-column>
+      <el-table-column align="center" fixed="right" label="操作" show-overflow-tooltip width="200">
+        <template #default="{ row }">
+          <el-button type="text" @click="handleEdit(row)">编辑</el-button>
+          <el-button type="text" @click="handleDelete(row)">删除</el-button>
+          <el-button type="text" @click="handleMoveUp(row)">上移</el-button>
+          <el-button type="text" @click="handleMoveDown(row)">下移</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <el-pagination
+      background
+      :current-page="queryForm.pageNo"
+      :layout="layout"
+      :page-size="queryForm.pageSize"
+      :total="total"
+      @current-change="handleCurrentChange"
+      @size-change="handleSizeChange"
+    />
+
+    <edit ref="edit" @fetch-data="fetchData" />
+  </div>
+</template>
+
+<script>
+  import { getList, doDelete, toggleEnable, doMoveUp, doMoveDown } from '@/api/spring/avatar/category'
+  import { formatTime } from '@/utils'
+  import Edit from './components/AvatarCategoryEdit'
+
+  export default {
+    name: 'AvatarCategory',
+    components: { Edit },
+    data() {
+      return {
+        list: [],
+        listLoading: true,
+        layout: 'total, sizes, prev, pager, next, jumper',
+        total: 0,
+        selectRows: [],
+        elementLoadingText: '正在加载...',
+        queryForm: {
+          pageNo: 1,
+          pageSize: 10,
+          name: '',
+        },
+      }
+    },
+    created() {
+      this.fetchData()
+    },
+    methods: {
+      formatTime,
+      setSelectRows(val) {
+        this.selectRows = val
+      },
+      handleEdit(row) {
+        if (row.id) {
+          this.$refs['edit'].showEdit(row)
+        } else {
+          this.$refs['edit'].showEdit()
+        }
+      },
+      handleDelete(row) {
+        if (row.id) {
+          this.$baseConfirm('你确定要删除当前项吗', null, async () => {
+            const { msg } = await doDelete({ ids: [row.id] })
+            this.$baseMessage(msg, 'success')
+            this.fetchData()
+          })
+        } else {
+          if (this.selectRows.length > 0) {
+            const ids = this.selectRows.map((item) => item.id).join()
+            this.$baseConfirm('你确定要删除选中项吗', null, async () => {
+              const { msg } = await doDelete({ ids: ids.split(',') })
+              this.$baseMessage(msg, 'success')
+              this.fetchData()
+            })
+          } else {
+            this.$baseMessage('未选中任何行', 'error')
+            return false
+          }
+        }
+      },
+      async handleStatusChange(row) {
+        try {
+          const { msg } = await toggleEnable(row.id, row.isEnabled)
+          this.$baseMessage(msg, 'success')
+        } catch (error) {
+          row.isEnabled = !row.isEnabled
+        }
+      },
+      async handleMoveUp(row) {
+        try {
+          await doMoveUp(row.id)
+          this.fetchData()
+        } catch (error) {
+          console.error(error)
+        }
+      },
+      async handleMoveDown(row) {
+        try {
+          await doMoveDown(row.id)
+          this.fetchData()
+        } catch (error) {
+          console.error(error)
+        }
+      },
+      handleSizeChange(val) {
+        this.queryForm.pageSize = val
+        this.fetchData()
+      },
+      handleCurrentChange(val) {
+        this.queryForm.pageNo = val
+        this.fetchData()
+      },
+      queryData() {
+        this.queryForm.pageNo = 1
+        this.fetchData()
+      },
+      async fetchData() {
+        this.listLoading = true
+        try {
+          const { data } = await getList(this.queryForm)
+          this.list = data.list
+          this.total = data.totalCount
+        } catch (error) {
+          console.error(error)
+        } finally {
+          this.listLoading = false
+        }
+      },
+    },
+  }
+</script>
+
+<style scoped>
+  .avatar-category-container {
+    padding: 20px;
+  }
+</style>

src/views/spring/avatar/systemAvatar/components/AppManagementEdit.vue

@@ -9,6 +9,11 @@
           @upload-success="handleUploadSuccess"
         />
       </el-form-item>
+      <el-form-item label="分类" prop="categoryId">
+        <el-select v-model="form.categoryId" placeholder="请选择分类" style="width: 100%">
+          <el-option v-for="item in categoryList" :key="item.id" :label="item.name" :value="item.id" />
+        </el-select>
+      </el-form-item>
       <el-form-item label="类型" prop="type">
         <el-input v-model.trim="form.type" placeholder="请输入类型" />
       </el-form-item>
@@ -26,6 +31,7 @@
 
 <script>
   import { doEdit, doAdd } from '@/api/spring/avatar'
+  import { getAll } from '@/api/spring/avatar/category'
   import SingleUpload from '@/components/SingleUpload'
 
   export default {
@@ -34,14 +40,17 @@
     data() {
       return {
         id: '',
+        categoryList: [],
         form: {
           imageUrl: '',
           type: '',
+          categoryId: '',
           isEnabled: true,
         },
         rules: {
           imageUrl: [{ required: true, trigger: 'blur', message: '请上传头像图片' }],
           isEnabled: [{ required: true, trigger: 'blur', message: '请选择是否启用' }],
+          categoryId: [{ required: true, trigger: 'change', message: '请选择分类' }],
         },
         title: '',
         dialogFormVisible: false,
@@ -52,8 +61,14 @@
         return `${process.env.VUE_APP_API_BASE_URL}/management/api/common/upload`
       },
     },
-    created() {},
+    created() {
+      this.fetchCategoryList()
+    },
     methods: {
+      async fetchCategoryList() {
+        const { data } = await getAll()
+        this.categoryList = data
+      },
       handleUploadSuccess(url) {
         this.form.imageUrl = url
       },
@@ -65,6 +80,7 @@
           this.form = {
             imageUrl: row.imageUrl,
             type: row.type,
+            categoryId: row.categoryId,
             isEnabled: row.isEnabled,
           }
           this.id = row.id

src/views/spring/blessing/contentTemplate/components/AppManagementEdit.vue

@@ -4,6 +4,11 @@
       <el-form-item label="模版内容" prop="content">
         <el-input v-model="form.content" autocomplete="off" :rows="6" type="textarea" />
       </el-form-item>
+      <el-form-item label="场景" prop="scene">
+        <el-select v-model="form.scene" clearable placeholder="请选择场景(可为空)" style="width: 100%">
+          <el-option v-for="item in sceneList" :key="item.scene" :label="item.sceneName" :value="item.scene" />
+        </el-select>
+      </el-form-item>
       <el-form-item v-if="!form.name" label="是否启用" prop="isEnabled">
         <el-switch v-model="form.isEnabled" active-text="启用" :active-value="true" inactive-text="禁用" :inactive-value="false" />
       </el-form-item>
@@ -18,6 +23,7 @@
 
 <script>
   import { doEdit, doAdd } from '@/api/spring/blessing/contentTemplate'
+  import { getAll as getAllScenes } from '@/api/spring/blessing/scene'
 
   export default {
     name: 'AppManagementEdit',
@@ -26,6 +32,7 @@
         id: '',
         form: {
           content: '',
+          scene: '',
           isEnabled: true,
         },
         rules: {
@@ -34,6 +41,7 @@
         },
         title: '',
         dialogFormVisible: false,
+        sceneList: [],
       }
     },
     computed: {
@@ -41,8 +49,14 @@
         return `${process.env.VUE_APP_API_BASE_URL}/management/api/common/upload`
       },
     },
-    created() {},
+    created() {
+      this.fetchSceneList()
+    },
     methods: {
+      async fetchSceneList() {
+        const { data } = await getAllScenes()
+        this.sceneList = data || []
+      },
       handleUploadSuccess(url) {
         this.form.imageUrl = url
       },
@@ -53,6 +67,7 @@
           this.title = '编辑'
           this.form = {
             content: row.content,
+            scene: row.scene,
             isEnabled: row.isEnabled,
           }
           this.id = row.id

src/views/spring/blessing/contentTemplate/index.vue

@@ -7,6 +7,11 @@
       </vab-query-form-left-panel>
       <vab-query-form-right-panel :span="12">
         <el-form :inline="true" :model="queryForm" @submit.native.prevent>
+          <el-form-item>
+            <el-select v-model="queryForm.scene" clearable placeholder="请选择场景" @change="queryData">
+              <el-option v-for="item in sceneList" :key="item.scene" :label="item.sceneName" :value="item.scene" />
+            </el-select>
+          </el-form-item>
           <el-form-item>
             <el-input v-model.trim="queryForm.keyword" clearable placeholder="请输入查询条件" />
           </el-form-item>
@@ -26,6 +31,11 @@
           </div>
         </template>
       </el-table-column>
+      <el-table-column align="center" label="场景" show-overflow-tooltip>
+        <template #default="{ row }">
+          {{ getSceneName(row.scene) }}
+        </template>
+      </el-table-column>
       <el-table-column align="center" label="使用次数" prop="useCount" show-overflow-tooltip />
       <el-table-column align="center" label="是否启用" show-overflow-tooltip>
         <template #default="{ row }">
@@ -60,6 +70,7 @@
 
 <script>
   import { doDelete, getList, toggleEnable, doMoveUp, doMoveDown } from '@/api/spring/blessing/contentTemplate'
+  import { getAll as getAllScenes } from '@/api/spring/blessing/scene'
   import Edit from './components/AppManagementEdit'
 
   export default {
@@ -77,9 +88,10 @@
           pageNo: 1,
           pageSize: 10,
           keyword: '',
-          fortuneLevel: '',
+          scene: '',
         },
         timeOutID: null,
+        sceneList: [],
       }
     },
     created() {
@@ -88,6 +100,7 @@
         this.queryForm.keyword = templateId
         this.queryForm.pageNo = 1
       }
+      this.fetchSceneList()
       this.fetchData()
     },
 
@@ -99,7 +112,7 @@
         this.selectRows = val
       },
       handleEdit(row) {
-        if (row.id) {
+        if (row && row.id) {
           this.$refs['edit'].showEdit(row)
         } else {
           this.$refs['edit'].showEdit()
@@ -189,13 +202,14 @@
         if (enabled.length === 0) return false
         return enabled[enabled.length - 1].id === row.id
       },
+      async fetchSceneList() {
+        const { data } = await getAllScenes()
+        this.sceneList = data || []
+      },
+      getSceneName(scene) {
+        const found = this.sceneList.find((item) => item.scene === scene)
+        return found ? found.sceneName : scene
+      },
     },
   }
 </script>
-<style scoped>
-  .content-cell {
-    white-space: pre-wrap;
-    word-break: break-word;
-    line-height: 1.6;
-  }
-</style>

src/views/spring/blessing/scene/components/SceneEdit.vue

@@ -0,0 +1,108 @@
+<template>
+  <el-dialog :title="title" :visible.sync="dialogFormVisible" width="500px" @close="close">
+    <el-form ref="form" label-width="80px" :model="form" :rules="rules">
+      <el-form-item label="场景" prop="scene">
+        <el-input v-model="form.scene" autocomplete="off" />
+      </el-form-item>
+      <el-form-item label="场景名称" prop="sceneName">
+        <el-input v-model="form.sceneName" autocomplete="off" />
+      </el-form-item>
+      <el-form-item label="场景描述" prop="sceneDesc">
+        <el-input v-model="form.sceneDesc" autocomplete="off" :rows="4" type="textarea" />
+      </el-form-item>
+      <el-form-item label="背景图" prop="imageUrl">
+        <single-upload
+          style="width: 100px; height: 100px"
+          :upload-url="uploadUrl"
+          :value="form.imageUrl"
+          @upload-success="handleUploadSuccess"
+        />
+      </el-form-item>
+      <el-form-item v-if="!form.id" label="是否启用" prop="isEnabled">
+        <el-switch v-model="form.isEnabled" active-text="启用" :active-value="true" inactive-text="禁用" :inactive-value="false" />
+      </el-form-item>
+      <el-form-item label="排序" prop="sort">
+        <el-input-number v-model="form.sort" :min="1" />
+      </el-form-item>
+    </el-form>
+    <div slot="footer" class="dialog-footer">
+      <el-button @click="close">取 消</el-button>
+      <el-button type="primary" @click="save">确 定</el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+  import { doAdd, doEdit } from '@/api/spring/blessing/scene'
+  import SingleUpload from '@/components/SingleUpload'
+
+  export default {
+    name: 'SceneEdit',
+    components: { SingleUpload },
+    data() {
+      return {
+        form: {
+          scene: '',
+          sceneName: '',
+          sceneDesc: '',
+          imageUrl: '',
+          isEnabled: true,
+          sort: 1,
+        },
+        rules: {
+          scene: [{ required: true, trigger: 'blur', message: '请输入场景' }],
+          sceneName: [{ required: true, trigger: 'blur', message: '请输入场景名称' }],
+          imageUrl: [{ required: true, trigger: 'blur', message: '请上传背景图' }],
+          isEnabled: [{ required: true, trigger: 'blur', message: '请选择是否启用' }],
+          sort: [{ required: true, trigger: 'blur', message: '请输入排序' }],
+        },
+        title: '',
+        dialogFormVisible: false,
+      }
+    },
+    computed: {
+      uploadUrl() {
+        return `${process.env.VUE_APP_API_BASE_URL}/management/api/common/upload`
+      },
+    },
+    methods: {
+      handleUploadSuccess(url) {
+        this.form.imageUrl = url
+      },
+      showEdit(row) {
+        if (!row) {
+          this.title = '添加'
+          this.form = {
+            scene: '',
+            sceneName: '',
+            sceneDesc: '',
+            imageUrl: '',
+            isEnabled: true,
+            sort: 1,
+          }
+        } else {
+          this.title = '编辑'
+          this.form = Object.assign({}, row)
+        }
+        this.dialogFormVisible = true
+      },
+      close() {
+        this.$refs['form'].resetFields()
+        this.form = this.$options.data().form
+        this.dialogFormVisible = false
+      },
+      save() {
+        this.$refs['form'].validate(async (valid) => {
+          if (valid) {
+            const { msg } = this.form.id ? await doEdit(this.form.id, this.form) : await doAdd(this.form)
+            this.$baseMessage(msg, 'success')
+            this.$emit('fetch-data')
+            this.close()
+          } else {
+            return false
+          }
+        })
+      },
+    },
+  }
+</script>

src/views/spring/blessing/scene/index.vue

@@ -0,0 +1,168 @@
+<template>
+  <div class="scene-container">
+    <vab-query-form>
+      <vab-query-form-left-panel :span="12">
+        <el-button icon="el-icon-plus" type="primary" @click="handleEdit">添加</el-button>
+        <el-button icon="el-icon-delete" type="danger" @click="handleDelete">批量删除</el-button>
+      </vab-query-form-left-panel>
+      <vab-query-form-right-panel :span="12">
+        <el-form :inline="true" :model="queryForm" @submit.native.prevent>
+          <el-form-item>
+            <el-input v-model.trim="queryForm.scene" clearable placeholder="请输入场景" />
+          </el-form-item>
+          <el-form-item>
+            <el-input v-model.trim="queryForm.sceneName" clearable placeholder="请输入场景名称" />
+          </el-form-item>
+          <el-form-item>
+            <el-button icon="el-icon-search" type="primary" @click="queryData">查询</el-button>
+          </el-form-item>
+        </el-form>
+      </vab-query-form-right-panel>
+    </vab-query-form>
+
+    <el-table v-loading="listLoading" :data="list" :element-loading-text="elementLoadingText" @selection-change="handleSelectionChange">
+      <el-table-column show-overflow-tooltip type="selection" width="55" />
+      <el-table-column align="center" label="排序" prop="sort" show-overflow-tooltip />
+      <el-table-column align="center" label="场景" prop="scene" show-overflow-tooltip />
+      <el-table-column align="center" label="场景名称" prop="sceneName" show-overflow-tooltip />
+      <el-table-column align="center" label="场景描述" prop="sceneDesc" show-overflow-tooltip />
+      <el-table-column align="center" label="背景图" width="100">
+        <template slot-scope="scope">
+          <el-image :preview-src-list="[scope.row.imageUrl]" :src="getThumbUrl(scope.row.imageUrl)" style="width: 50px; height: 50px" />
+        </template>
+      </el-table-column>
+      <el-table-column align="center" label="是否启用" show-overflow-tooltip width="100">
+        <template slot-scope="{ row }">
+          <el-switch :active-value="true" :inactive-value="false" :value="row.isEnabled" @change="handleStatusChange(row, $event)" />
+        </template>
+      </el-table-column>
+      <el-table-column align="center" label="操作" show-overflow-tooltip width="200">
+        <template slot-scope="{ row }">
+          <el-button type="text" @click="handleEdit(row)">编辑</el-button>
+          <el-button type="text" @click="handleDelete(row)">删除</el-button>
+          <el-button type="text" @click="handleMoveUp(row)">上移</el-button>
+          <el-button type="text" @click="handleMoveDown(row)">下移</el-button>
+          <el-button type="text" @click="handleMoveToTop(row)">置顶</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+    <el-pagination
+      background
+      :current-page="queryForm.pageNo"
+      :layout="layout"
+      :page-size="queryForm.pageSize"
+      :total="total"
+      @current-change="handleCurrentChange"
+      @size-change="handleSizeChange"
+    />
+    <scene-edit ref="edit" @fetch-data="fetchData" />
+  </div>
+</template>
+
+<script>
+  import { getList, doDelete, toggleEnable, doMoveUp, doMoveDown, doMoveToTop } from '@/api/spring/blessing/scene'
+  import SceneEdit from './components/SceneEdit'
+  import { getThumbUrl } from '@/utils/blessing'
+
+  export default {
+    name: 'BlessingCardScene',
+    components: { SceneEdit },
+    data() {
+      return {
+        list: null,
+        listLoading: true,
+        layout: 'total, sizes, prev, pager, next, jumper',
+        total: 0,
+        elementLoadingText: '正在加载...',
+        queryForm: {
+          pageNo: 1,
+          pageSize: 10,
+          scene: '',
+          sceneName: '',
+        },
+        selectRows: '',
+      }
+    },
+    created() {
+      this.fetchData()
+    },
+    methods: {
+      getThumbUrl,
+      handleSelectionChange(val) {
+        this.selectRows = val
+      },
+      handleEdit(row) {
+        if (row.id) {
+          this.$refs['edit'].showEdit(row)
+        } else {
+          this.$refs['edit'].showEdit()
+        }
+      },
+      handleSizeChange(val) {
+        this.queryForm.pageSize = val
+        this.fetchData()
+      },
+      handleCurrentChange(val) {
+        this.queryForm.pageNo = val
+        this.fetchData()
+      },
+      queryData() {
+        this.queryForm.pageNo = 1
+        this.fetchData()
+      },
+      async fetchData() {
+        this.listLoading = true
+        const { data } = await getList(this.queryForm)
+        this.list = data.list
+        this.total = data.totalCount
+        this.listLoading = false
+      },
+      async handleStatusChange(row, newVal) {
+        try {
+          await toggleEnable(row.id, newVal)
+          row.isEnabled = newVal
+          this.$baseMessage(`${newVal ? '启用' : '禁用'}成功`, 'success')
+        } catch (e) {
+          this.$baseMessage(`${newVal ? '启用' : '禁用'}失败`, 'error')
+          this.fetchData()
+        }
+      },
+      handleDelete(row) {
+        if (row.id) {
+          this.$baseConfirm('你确定要删除当前项吗', null, async () => {
+            const { msg } = await doDelete({ ids: [row.id] })
+            this.$baseMessage(msg, 'success')
+            this.fetchData()
+          })
+        } else {
+          if (this.selectRows.length > 0) {
+            const ids = this.selectRows.map((item) => item.id)
+            this.$baseConfirm('你确定要删除选中项吗', null, async () => {
+              const { msg } = await doDelete({ ids })
+              this.$baseMessage(msg, 'success')
+              this.fetchData()
+            })
+          } else {
+            this.$baseMessage('未选中任何行', 'error')
+            return false
+          }
+        }
+      },
+      async handleMoveUp(row) {
+        await doMoveUp(row.id)
+        this.$baseMessage('上移成功', 'success')
+        this.fetchData()
+      },
+      async handleMoveDown(row) {
+        await doMoveDown(row.id)
+        this.$baseMessage('下移成功', 'success')
+        this.fetchData()
+      },
+      async handleMoveToTop(row) {
+        await doMoveToTop(row.id)
+        this.$baseMessage('置顶成功', 'success')
+        this.fetchData()
+      },
+    },
+  }
+</script>

src/views/spring/blessing/template/components/AppManagementEdit.vue

@@ -4,6 +4,16 @@
       <el-form-item label="模版名称" prop="name">
         <el-input v-model="form.name" autocomplete="off" />
       </el-form-item>
+      <el-form-item label="场景" prop="scene">
+        <el-select v-model="form.scene" clearable placeholder="请选择场景(可为空)" style="width: 100%">
+          <el-option v-for="item in sceneList" :key="item.scene" :label="item.sceneName" :value="item.scene" />
+        </el-select>
+      </el-form-item>
+      <el-form-item label="解锁类型" prop="unlockType">
+        <el-select v-model="form.unlockType" clearable placeholder="请选择解锁类型(可为空)" style="width: 100%">
+          <el-option v-for="item in unlockTypeList" :key="item.value" :label="item.label" :value="item.value" />
+        </el-select>
+      </el-form-item>
       <el-form-item label="卡片图片" prop="imageUrl">
         <single-upload
           v-model="form.imageUrl"
@@ -26,6 +36,7 @@
 
 <script>
   import { doEdit, doAdd } from '@/api/spring/blessing/template'
+  import { getAll as getAllScenes } from '@/api/spring/blessing/scene'
   import SingleUpload from '@/components/SingleUpload'
 
   export default {
@@ -36,9 +47,18 @@
         id: '',
         form: {
           name: '',
+          scene: '',
+          unlockType: '',
           imageUrl: '',
           isEnabled: true,
         },
+        unlockTypeList: [
+          { value: 'sing3', label: '连续签到3天' },
+          { value: 'sing5', label: '连续签到5天' },
+          { value: 'sing7', label: '连续签到7天' },
+          { value: 'ad', label: '观看广告' },
+          { value: 'vip', label: '开通vip' },
+        ],
         rules: {
           name: [{ required: true, trigger: 'blur', message: '请输入卡片名称' }],
           imageUrl: [{ required: true, trigger: 'blur', message: '请上传卡片图片' }],
@@ -46,6 +66,7 @@
         },
         title: '',
         dialogFormVisible: false,
+        sceneList: [],
       }
     },
     computed: {
@@ -53,8 +74,14 @@
         return `${process.env.VUE_APP_API_BASE_URL}/management/api/common/upload`
       },
     },
-    created() {},
+    created() {
+      this.fetchSceneList()
+    },
     methods: {
+      async fetchSceneList() {
+        const { data } = await getAllScenes()
+        this.sceneList = data || []
+      },
       handleUploadSuccess(url) {
         this.form.imageUrl = url
       },
@@ -65,6 +92,8 @@
           this.title = '编辑'
           this.form = {
             name: row.name,
+            scene: row.scene,
+            unlockType: row.unlockType,
             imageUrl: row.imageUrl,
             isEnabled: row.isEnabled,
           }

src/views/spring/blessing/template/index.vue

@@ -7,6 +7,11 @@
       </vab-query-form-left-panel>
       <vab-query-form-right-panel :span="12">
         <el-form :inline="true" :model="queryForm" @submit.native.prevent>
+          <el-form-item>
+            <el-select v-model="queryForm.scene" clearable placeholder="请选择场景" @change="queryData">
+              <el-option v-for="item in sceneList" :key="item.scene" :label="item.sceneName" :value="item.scene" />
+            </el-select>
+          </el-form-item>
           <el-form-item>
             <el-input v-model.trim="queryForm.keyword" clearable placeholder="请输入查询条件" />
           </el-form-item>
@@ -34,6 +39,16 @@
         </template>
       </el-table-column>
       <el-table-column align="center" label="标题" prop="name" show-overflow-tooltip />
+      <el-table-column align="center" label="场景" show-overflow-tooltip>
+        <template #default="{ row }">
+          {{ getSceneName(row.scene) }}
+        </template>
+      </el-table-column>
+      <el-table-column align="center" label="解锁类型" show-overflow-tooltip>
+        <template #default="{ row }">
+          {{ getUnlockTypeName(row.unlockType) }}
+        </template>
+      </el-table-column>
       <el-table-column align="center" label="使用次数" prop="useCount" show-overflow-tooltip />
       <el-table-column align="center" label="是否启用" show-overflow-tooltip>
         <template #default="{ row }">
@@ -68,6 +83,7 @@
 
 <script>
   import { doDelete, getList, toggleEnable, doMoveUp, doMoveDown } from '@/api/spring/blessing/template'
+  import { getAll as getAllScenes } from '@/api/spring/blessing/scene'
   import { formatTime } from '@/utils'
   import { getThumbUrl } from '@/utils/blessing'
   import Edit from './components/AppManagementEdit'
@@ -87,9 +103,10 @@
           pageNo: 1,
           pageSize: 10,
           keyword: '',
-          fortuneLevel: '',
+          scene: '',
         },
         timeOutID: null,
+        sceneList: [],
       }
     },
     created() {
@@ -98,43 +115,26 @@
         this.queryForm.keyword = templateId
         this.queryForm.pageNo = 1
       }
+      this.fetchSceneList()
       this.fetchData()
     },
-
     beforeDestroy() {
       clearTimeout(this.timeOutID)
     },
     methods: {
-      getThumbUrl,
       setSelectRows(val) {
         this.selectRows = val
       },
       handleEdit(row) {
-        if (row.id) {
         this.$refs['edit'].showEdit(row)
-        } else {
-          this.$refs['edit'].showEdit()
-        }
       },
       handleDelete(row) {
         if (row.id) {
           this.$baseConfirm('你确定要删除当前项吗', null, async () => {
-            const { msg } = await doDelete({ ids: [row.id] })
+            const { msg } = await doDelete(row.id)
             this.$baseMessage(msg, 'success')
             this.fetchData()
           })
-        } else {
-          if (this.selectRows.length > 0) {
-            const ids = this.selectRows.map((item) => item.id).join()
-            this.$baseConfirm('你确定要删除选中项吗', null, async () => {
-              const { msg } = await doDelete({ ids: ids.split(',') })
-              this.$baseMessage(msg, 'success')
-              this.fetchData()
-            })
-          } else {
-            this.$baseMessage('未选中任何行', 'error')
-            return false
-          }
         }
       },
       handleSizeChange(val) {
@@ -156,49 +156,51 @@
         this.total = data.totalCount
         this.timeOutID = setTimeout(() => {
           this.listLoading = false
-        }, 300)
+        }, 500)
       },
-      async handleToggleEnable(row, val) {
+      async handleToggleEnable(row, value) {
-        const prev = row.isEnabled
+        this.$baseConfirm(`你确定要${value ? '启用' : '禁用'}当前项吗`, null, async () => {
-        row.isEnabled = val
+          const { msg } = await toggleEnable(row.id, value)
-        try {
+          this.$baseMessage(msg, 'success')
-          const { msg } = await toggleEnable(row.id, val)
-          if (msg) this.$baseMessage(msg, 'success')
           this.fetchData()
-        } catch (e) {
+        })
-          row.isEnabled = prev
-          this.$baseMessage('更新失败', 'error')
-        }
       },
       async handleMoveUp(row) {
-        try {
         const { msg } = await doMoveUp(row.id)
-          if (msg) this.$baseMessage(msg, 'success')
+        this.$baseMessage(msg, 'success')
         this.fetchData()
-        } catch (e) {
-          this.$baseMessage('操作失败', 'error')
-        }
       },
       async handleMoveDown(row) {
-        try {
         const { msg } = await doMoveDown(row.id)
-          if (msg) this.$baseMessage(msg, 'success')
+        this.$baseMessage(msg, 'success')
         this.fetchData()
-        } catch (e) {
-          this.$baseMessage('操作失败', 'error')
-        }
       },
       isFirstEnabled(row) {
-        if (!this.list || this.list.length === 0) return false
+        const enabledList = this.list.filter((item) => item.isEnabled)
-        const enabled = this.list.filter((item) => item.isEnabled)
+        return enabledList.length > 0 && enabledList[0].id === row.id
-        if (enabled.length === 0) return false
-        return enabled[0].id === row.id
       },
       isLastEnabled(row) {
-        if (!this.list || this.list.length === 0) return false
+        const enabledList = this.list.filter((item) => item.isEnabled)
-        const enabled = this.list.filter((item) => item.isEnabled)
+        return enabledList.length > 0 && enabledList[enabledList.length - 1].id === row.id
-        if (enabled.length === 0) return false
+      },
-        return enabled[enabled.length - 1].id === row.id
+      getThumbUrl,
+      async fetchSceneList() {
+        const { data } = await getAllScenes()
+        this.sceneList = data || []
+      },
+      getSceneName(scene) {
+        const found = this.sceneList.find((item) => item.scene === scene)
+        return found ? found.sceneName : scene
+      },
+      getUnlockTypeName(type) {
+        const map = {
+          sing3: '连续签到3天',
+          sing5: '连续签到5天',
+          sing7: '连续签到7天',
+          ad: '观看广告',
+          vip: '开通vip',
+        }
+        return map[type] || type
       },
     },
   }

src/views/spring/blessing/titleTemplate/components/AppManagementEdit.vue

@@ -4,6 +4,16 @@
       <el-form-item label="模版名称" prop="name">
         <el-input v-model="form.name" autocomplete="off" />
       </el-form-item>
+      <el-form-item label="场景" prop="scene">
+        <el-select v-model="form.scene" clearable placeholder="请选择场景(可为空)" style="width: 100%">
+          <el-option v-for="item in sceneList" :key="item.scene" :label="item.sceneName" :value="item.scene" />
+        </el-select>
+      </el-form-item>
+      <el-form-item label="解锁类型" prop="unlockType">
+        <el-select v-model="form.unlockType" clearable placeholder="请选择解锁类型(可为空)" style="width: 100%">
+          <el-option v-for="item in unlockTypeList" :key="item.value" :label="item.label" :value="item.value" />
+        </el-select>
+      </el-form-item>
       <el-form-item label="卡片图片" prop="imageUrl">
         <single-upload
           v-model="form.imageUrl"
@@ -26,6 +36,7 @@
 
 <script>
   import { doEdit, doAdd } from '@/api/spring/blessing/titleTemplate/index'
+  import { getAll as getAllScenes } from '@/api/spring/blessing/scene'
   import SingleUpload from '@/components/SingleUpload'
 
   export default {
@@ -36,9 +47,18 @@
         id: '',
         form: {
           name: '',
+          scene: '',
+          unlockType: '',
           imageUrl: '',
           isEnabled: true,
         },
+        unlockTypeList: [
+          { value: 'sing3', label: '连续签到3天' },
+          { value: 'sing5', label: '连续签到5天' },
+          { value: 'sing7', label: '连续签到7天' },
+          { value: 'ad', label: '观看广告' },
+          { value: 'vip', label: '开通vip' },
+        ],
         rules: {
           name: [{ required: true, trigger: 'blur', message: '请输入卡片名称' }],
           imageUrl: [{ required: true, trigger: 'blur', message: '请上传卡片图片' }],
@@ -46,6 +66,7 @@
         },
         title: '',
         dialogFormVisible: false,
+        sceneList: [],
       }
     },
     computed: {
@@ -53,8 +74,14 @@
         return `${process.env.VUE_APP_API_BASE_URL}/management/api/common/upload`
       },
     },
-    created() {},
+    created() {
+      this.fetchSceneList()
+    },
     methods: {
+      async fetchSceneList() {
+        const { data } = await getAllScenes()
+        this.sceneList = data || []
+      },
       handleUploadSuccess(url) {
         this.form.imageUrl = url
       },
@@ -65,6 +92,8 @@
           this.title = '编辑'
           this.form = {
             name: row.name,
+            scene: row.scene,
+            unlockType: row.unlockType,
             imageUrl: row.imageUrl,
             isEnabled: row.isEnabled,
           }

src/views/spring/blessing/titleTemplate/index.vue

@@ -7,6 +7,11 @@
       </vab-query-form-left-panel>
       <vab-query-form-right-panel :span="12">
         <el-form :inline="true" :model="queryForm" @submit.native.prevent>
+          <el-form-item>
+            <el-select v-model="queryForm.scene" clearable placeholder="请选择场景" @change="queryData">
+              <el-option v-for="item in sceneList" :key="item.scene" :label="item.sceneName" :value="item.scene" />
+            </el-select>
+          </el-form-item>
           <el-form-item>
             <el-input v-model.trim="queryForm.keyword" clearable placeholder="请输入查询条件" />
           </el-form-item>
@@ -34,6 +39,16 @@
         </template>
       </el-table-column>
       <el-table-column align="center" label="标题" prop="name" show-overflow-tooltip />
+      <el-table-column align="center" label="场景" show-overflow-tooltip>
+        <template #default="{ row }">
+          {{ getSceneName(row.scene) }}
+        </template>
+      </el-table-column>
+      <el-table-column align="center" label="解锁类型" show-overflow-tooltip>
+        <template #default="{ row }">
+          {{ getUnlockTypeName(row.unlockType) }}
+        </template>
+      </el-table-column>
       <el-table-column align="center" label="使用次数" prop="useCount" show-overflow-tooltip />
       <el-table-column align="center" label="是否启用" show-overflow-tooltip>
         <template #default="{ row }">
@@ -68,6 +83,7 @@
 
 <script>
   import { doDelete, getList, toggleEnable, doMoveUp, doMoveDown } from '@/api/spring/blessing/titleTemplate/index'
+  import { getAll as getAllScenes } from '@/api/spring/blessing/scene'
   import { formatTime } from '@/utils'
   import { getThumbUrl } from '@/utils/blessing'
   import Edit from './components/AppManagementEdit'
@@ -87,9 +103,10 @@
           pageNo: 1,
           pageSize: 10,
           keyword: '',
-          fortuneLevel: '',
+          scene: '',
         },
         timeOutID: null,
+        sceneList: [],
       }
     },
     created() {
@@ -98,43 +115,26 @@
         this.queryForm.keyword = templateId
         this.queryForm.pageNo = 1
       }
+      this.fetchSceneList()
       this.fetchData()
     },
-
     beforeDestroy() {
       clearTimeout(this.timeOutID)
     },
     methods: {
-      getThumbUrl,
       setSelectRows(val) {
         this.selectRows = val
       },
       handleEdit(row) {
-        if (row.id) {
         this.$refs['edit'].showEdit(row)
-        } else {
-          this.$refs['edit'].showEdit()
-        }
       },
       handleDelete(row) {
         if (row.id) {
           this.$baseConfirm('你确定要删除当前项吗', null, async () => {
-            const { msg } = await doDelete({ ids: [row.id] })
+            const { msg } = await doDelete(row.id)
             this.$baseMessage(msg, 'success')
             this.fetchData()
           })
-        } else {
-          if (this.selectRows.length > 0) {
-            const ids = this.selectRows.map((item) => item.id).join()
-            this.$baseConfirm('你确定要删除选中项吗', null, async () => {
-              const { msg } = await doDelete({ ids: ids.split(',') })
-              this.$baseMessage(msg, 'success')
-              this.fetchData()
-            })
-          } else {
-            this.$baseMessage('未选中任何行', 'error')
-            return false
-          }
         }
       },
       handleSizeChange(val) {
@@ -156,49 +156,51 @@
         this.total = data.totalCount
         this.timeOutID = setTimeout(() => {
           this.listLoading = false
-        }, 300)
+        }, 500)
       },
-      async handleToggleEnable(row, val) {
+      async handleToggleEnable(row, value) {
-        const prev = row.isEnabled
+        this.$baseConfirm(`你确定要${value ? '启用' : '禁用'}当前项吗`, null, async () => {
-        row.isEnabled = val
+          const { msg } = await toggleEnable(row.id, value)
-        try {
+          this.$baseMessage(msg, 'success')
-          const { msg } = await toggleEnable(row.id, val)
-          if (msg) this.$baseMessage(msg, 'success')
           this.fetchData()
-        } catch (e) {
+        })
-          row.isEnabled = prev
-          this.$baseMessage('更新失败', 'error')
-        }
       },
       async handleMoveUp(row) {
-        try {
         const { msg } = await doMoveUp(row.id)
-          if (msg) this.$baseMessage(msg, 'success')
+        this.$baseMessage(msg, 'success')
         this.fetchData()
-        } catch (e) {
-          this.$baseMessage('操作失败', 'error')
-        }
       },
       async handleMoveDown(row) {
-        try {
         const { msg } = await doMoveDown(row.id)
-          if (msg) this.$baseMessage(msg, 'success')
+        this.$baseMessage(msg, 'success')
         this.fetchData()
-        } catch (e) {
-          this.$baseMessage('操作失败', 'error')
-        }
       },
       isFirstEnabled(row) {
-        if (!this.list || this.list.length === 0) return false
+        const enabledList = this.list.filter((item) => item.isEnabled)
-        const enabled = this.list.filter((item) => item.isEnabled)
+        return enabledList.length > 0 && enabledList[0].id === row.id
-        if (enabled.length === 0) return false
-        return enabled[0].id === row.id
       },
       isLastEnabled(row) {
-        if (!this.list || this.list.length === 0) return false
+        const enabledList = this.list.filter((item) => item.isEnabled)
-        const enabled = this.list.filter((item) => item.isEnabled)
+        return enabledList.length > 0 && enabledList[enabledList.length - 1].id === row.id
-        if (enabled.length === 0) return false
+      },
-        return enabled[enabled.length - 1].id === row.id
+      getThumbUrl,
+      async fetchSceneList() {
+        const { data } = await getAllScenes()
+        this.sceneList = data || []
+      },
+      getSceneName(scene) {
+        const found = this.sceneList.find((item) => item.scene === scene)
+        return found ? found.sceneName : scene
+      },
+      getUnlockTypeName(type) {
+        const map = {
+          sing3: '连续签到3天',
+          sing5: '连续签到5天',
+          sing7: '连续签到7天',
+          ad: '观看广告',
+          vip: '开通vip',
+        }
+        return map[type] || type
       },
     },
   }

src/views/spring/daily/greeting/components/GreetingEdit.vue

@@ -0,0 +1,87 @@
+<template>
+  <el-dialog :title="title" :visible.sync="dialogFormVisible" width="500px" @close="close">
+    <el-form ref="form" label-width="80px" :model="form" :rules="rules">
+      <el-form-item label="场景" prop="sceneId">
+        <el-select v-model="form.sceneId" placeholder="请选择场景" style="width: 100%">
+          <el-option v-for="item in sceneList" :key="item.id" :label="item.name" :value="item.id" />
+        </el-select>
+      </el-form-item>
+      <el-form-item label="祝福语" prop="content">
+        <el-input v-model="form.content" autocomplete="off" :rows="4" type="textarea" />
+      </el-form-item>
+      <el-form-item v-if="!form.id" label="是否启用" prop="isEnabled">
+        <el-switch v-model="form.isEnabled" active-text="启用" :active-value="true" inactive-text="禁用" :inactive-value="false" />
+      </el-form-item>
+    </el-form>
+    <div slot="footer" class="dialog-footer">
+      <el-button @click="close">取 消</el-button>
+      <el-button type="primary" @click="save">确 定</el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+  import { doAdd, doEdit } from '@/api/spring/daily/greeting'
+  import { getList as getSceneList } from '@/api/spring/daily/scene'
+
+  export default {
+    name: 'GreetingEdit',
+    data() {
+      return {
+        form: {
+          sceneId: '',
+          content: '',
+          isEnabled: true,
+        },
+        rules: {
+          sceneId: [{ required: true, trigger: 'change', message: '请选择场景' }],
+          content: [{ required: true, trigger: 'blur', message: '请输入祝福语内容' }],
+          isEnabled: [{ required: true, trigger: 'blur', message: '请选择是否启用' }],
+        },
+        title: '',
+        dialogFormVisible: false,
+        sceneList: [],
+      }
+    },
+    created() {
+      this.fetchSceneList()
+    },
+    methods: {
+      async fetchSceneList() {
+        const { data } = await getSceneList({ pageNo: 1, pageSize: 100 })
+        this.sceneList = data.list || []
+      },
+      showEdit(row) {
+        if (!row) {
+          this.title = '添加'
+          this.form = {
+            sceneId: '',
+            content: '',
+            isEnabled: true,
+          }
+        } else {
+          this.title = '编辑'
+          this.form = Object.assign({}, row)
+        }
+        this.dialogFormVisible = true
+      },
+      close() {
+        this.$refs['form'].resetFields()
+        this.form = this.$options.data().form
+        this.dialogFormVisible = false
+      },
+      save() {
+        this.$refs['form'].validate(async (valid) => {
+          if (valid) {
+            const { msg } = this.form.id ? await doEdit(this.form.id, this.form) : await doAdd(this.form)
+            this.$baseMessage(msg, 'success')
+            this.$emit('fetch-data')
+            this.close()
+          } else {
+            return false
+          }
+        })
+      },
+    },
+  }
+</script>

src/views/spring/daily/greeting/index.vue

@@ -0,0 +1,158 @@
+<template>
+  <div class="greeting-container">
+    <vab-query-form>
+      <vab-query-form-left-panel :span="12">
+        <el-button icon="el-icon-plus" type="primary" @click="handleEdit">添加</el-button>
+        <el-button icon="el-icon-delete" type="danger" @click="handleDelete">批量删除</el-button>
+      </vab-query-form-left-panel>
+      <vab-query-form-right-panel :span="12">
+        <el-form :inline="true" :model="queryForm" @submit.native.prevent>
+          <el-form-item>
+            <el-select v-model="queryForm.sceneId" clearable placeholder="请选择场景" @change="queryData">
+              <el-option v-for="item in sceneList" :key="item.id" :label="item.name" :value="item.id" />
+            </el-select>
+          </el-form-item>
+          <el-form-item>
+            <el-input v-model.trim="queryForm.content" clearable placeholder="请输入祝福语内容" />
+          </el-form-item>
+          <el-form-item>
+            <el-button icon="el-icon-search" type="primary" @click="queryData">查询</el-button>
+          </el-form-item>
+        </el-form>
+      </vab-query-form-right-panel>
+    </vab-query-form>
+
+    <el-table v-loading="listLoading" :data="list" :element-loading-text="elementLoadingText" @selection-change="handleSelectionChange">
+      <el-table-column show-overflow-tooltip type="selection" width="55" />
+      <el-table-column align="center" label="场景" prop="sceneId" show-overflow-tooltip>
+        <template slot-scope="{ row }">
+          {{ getSceneName(row.sceneId) }}
+        </template>
+      </el-table-column>
+      <el-table-column align="center" label="祝福语内容" prop="content" show-overflow-tooltip />
+      <el-table-column align="center" label="是否启用" show-overflow-tooltip width="100">
+        <template slot-scope="{ row }">
+          <el-switch :active-value="true" :inactive-value="false" :value="row.isEnabled" @change="handleStatusChange(row, $event)" />
+        </template>
+      </el-table-column>
+      <el-table-column align="center" label="操作" show-overflow-tooltip width="150">
+        <template slot-scope="{ row }">
+          <el-button type="text" @click="handleEdit(row)">编辑</el-button>
+          <el-button type="text" @click="handleDelete(row)">删除</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+    <el-pagination
+      background
+      :current-page="queryForm.pageNo"
+      :layout="layout"
+      :page-size="queryForm.pageSize"
+      :total="total"
+      @current-change="handleCurrentChange"
+      @size-change="handleSizeChange"
+    />
+    <greeting-edit ref="edit" @fetch-data="fetchData" />
+  </div>
+</template>
+
+<script>
+  import { getList, doDelete, toggleEnable } from '@/api/spring/daily/greeting'
+  import { getList as getSceneList } from '@/api/spring/daily/scene'
+  import GreetingEdit from './components/GreetingEdit'
+
+  export default {
+    name: 'Greeting',
+    components: { GreetingEdit },
+    data() {
+      return {
+        list: null,
+        listLoading: true,
+        layout: 'total, sizes, prev, pager, next, jumper',
+        total: 0,
+        elementLoadingText: '正在加载...',
+        queryForm: {
+          pageNo: 1,
+          pageSize: 10,
+          sceneId: '',
+          content: '',
+        },
+        selectRows: '',
+        sceneList: [],
+      }
+    },
+    created() {
+      this.fetchSceneList()
+      this.fetchData()
+    },
+    methods: {
+      async fetchSceneList() {
+        const { data } = await getSceneList({ pageNo: 1, pageSize: 100 })
+        this.sceneList = data.list || []
+      },
+      getSceneName(sceneId) {
+        const scene = this.sceneList.find((item) => item.id === sceneId)
+        return scene ? scene.name : sceneId
+      },
+      handleSelectionChange(val) {
+        this.selectRows = val
+      },
+      handleEdit(row) {
+        if (row.id) {
+          this.$refs['edit'].showEdit(row)
+        } else {
+          this.$refs['edit'].showEdit()
+        }
+      },
+      handleSizeChange(val) {
+        this.queryForm.pageSize = val
+        this.fetchData()
+      },
+      handleCurrentChange(val) {
+        this.queryForm.pageNo = val
+        this.fetchData()
+      },
+      queryData() {
+        this.queryForm.pageNo = 1
+        this.fetchData()
+      },
+      async fetchData() {
+        this.listLoading = true
+        const { data } = await getList(this.queryForm)
+        this.list = data.list
+        this.total = data.totalCount
+        this.listLoading = false
+      },
+      async handleStatusChange(row, newVal) {
+        try {
+          await toggleEnable(row.id, newVal)
+          row.isEnabled = newVal
+          this.$baseMessage(`${newVal ? '启用' : '禁用'}成功`, 'success')
+        } catch (e) {
+          this.$baseMessage(`${newVal ? '启用' : '禁用'}失败`, 'error')
+          this.fetchData()
+        }
+      },
+      handleDelete(row) {
+        if (row.id) {
+          this.$baseConfirm('你确定要删除当前项吗', null, async () => {
+            const { msg } = await doDelete({ ids: [row.id] })
+            this.$baseMessage(msg, 'success')
+            this.fetchData()
+          })
+        } else {
+          if (this.selectRows.length > 0) {
+            const ids = this.selectRows.map((item) => item.id)
+            this.$baseConfirm('你确定要删除选中项吗', null, async () => {
+              const { msg } = await doDelete({ ids })
+              this.$baseMessage(msg, 'success')
+              this.fetchData()
+            })
+          } else {
+            this.$baseMessage('未选中任何行', 'error')
+            return false
+          }
+        }
+      },
+    },
+  }
+</script>

src/views/spring/daily/greetingStreak/index.vue

@@ -0,0 +1,132 @@
+<template>
+  <div class="greetingStreak-container">
+    <vab-query-form>
+      <vab-query-form-left-panel :span="12" />
+      <vab-query-form-right-panel :span="12">
+        <el-form :inline="true" :model="queryForm" @submit.native.prevent>
+          <el-form-item>
+            <el-input v-model.trim="queryForm.keyword" clearable placeholder="请输入查询条件" />
+          </el-form-item>
+          <el-form-item>
+            <el-button icon="el-icon-search" type="primary" @click="queryData">查询</el-button>
+          </el-form-item>
+        </el-form>
+      </vab-query-form-right-panel>
+    </vab-query-form>
+
+    <el-table v-loading="listLoading" :data="list" :element-loading-text="elementLoadingText">
+      <el-table-column align="left" label="用户信息" min-width="200" show-overflow-tooltip>
+        <template #default="{ row }">
+          <div v-if="row.fromUser && row.fromUser.id" class="author-cell">
+            <el-image
+              class="author-avatar"
+              :preview-src-list="[getThumbUrl(row.fromUser.avatar)]"
+              :src="getThumbUrl(row.fromUser.avatar)"
+            />
+            <div class="author-meta">
+              <div>
+                <strong>昵称：</strong>
+                {{ row.fromUser.nickname || '--' }}
+              </div>
+              <div>
+                <strong>ID：</strong>
+                {{ row.fromUser.id }}
+              </div>
+            </div>
+          </div>
+          <div v-else>
+            <div>User ID: {{ row.userId }}</div>
+          </div>
+        </template>
+      </el-table-column>
+
+      <el-table-column align="center" label="内容" prop="content" show-overflow-tooltip />
+      <el-table-column align="center" label="署名" prop="signature" show-overflow-tooltip />
+      <el-table-column align="center" label="日期" prop="day" show-overflow-tooltip />
+
+      <el-table-column align="center" label="创建时间" show-overflow-tooltip width="160">
+        <template #default="{ row }">
+          {{ formatTime(row.createdAt) }}
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <el-pagination
+      background
+      :current-page="queryForm.pageNo"
+      :layout="layout"
+      :page-size="queryForm.pageSize"
+      :total="total"
+      @current-change="handleCurrentChange"
+      @size-change="handleSizeChange"
+    />
+  </div>
+</template>
+
+<script>
+  import { getGreetingStreakList } from '@/api/spring/daily/greeting'
+  import { formatTime } from '@/utils'
+  import { getThumbUrl } from '@/utils/blessing'
+
+  export default {
+    name: 'GreetingStreak',
+    data() {
+      return {
+        list: null,
+        listLoading: true,
+        layout: 'total, sizes, prev, pager, next, jumper',
+        total: 0,
+        elementLoadingText: '正在加载...',
+        queryForm: {
+          pageNo: 1,
+          pageSize: 10,
+          keyword: '',
+        },
+      }
+    },
+    created() {
+      this.fetchData()
+    },
+    methods: {
+      getThumbUrl,
+      formatTime,
+      handleSizeChange(val) {
+        this.queryForm.pageSize = val
+        this.fetchData()
+      },
+      handleCurrentChange(val) {
+        this.queryForm.pageNo = val
+        this.fetchData()
+      },
+      queryData() {
+        this.queryForm.pageNo = 1
+        this.fetchData()
+      },
+      async fetchData() {
+        this.listLoading = true
+        const { data } = await getGreetingStreakList(this.queryForm)
+        this.list = data.list
+        this.total = data.totalCount
+        this.listLoading = false
+      },
+    },
+  }
+</script>
+
+<style scoped>
+  .author-cell {
+    display: flex;
+    align-items: center;
+    gap: 12px;
+  }
+  .author-avatar {
+    width: 50px;
+    height: 50px;
+    object-fit: cover;
+    border-radius: 50%;
+  }
+  .author-meta {
+    display: flex;
+    flex-direction: column;
+  }
+</style>

src/views/spring/daily/index.vue

@@ -0,0 +1,9 @@
+<template>
+  <router-view />
+</template>
+
+<script>
+  export default {
+    name: 'Daily',
+  }
+</script>

src/views/spring/daily/scene/components/SceneEdit.vue

@@ -0,0 +1,107 @@
+<template>
+  <el-dialog :title="title" :visible.sync="dialogFormVisible" width="500px" @close="close">
+    <el-form ref="form" label-width="80px" :model="form" :rules="rules">
+      <el-form-item label="场景名称" prop="name">
+        <el-input v-model="form.name" autocomplete="off" placeholder="请输入场景名称" />
+      </el-form-item>
+      <el-form-item label="场景Key" prop="scene">
+        <el-input v-model="form.scene" autocomplete="off" placeholder="请输入场景Key (e.g., vitality)" />
+      </el-form-item>
+      <el-form-item label="图标" prop="icon">
+        <el-input v-model="form.icon" autocomplete="off" placeholder="请输入图标 (e.g., 😊)" />
+      </el-form-item>
+      <el-form-item label="默认祝福语ID" prop="greetingId">
+        <el-input v-model="form.greetingId" autocomplete="off" placeholder="请输入默认祝福语ID" />
+      </el-form-item>
+      <el-form-item label="背景图" prop="imageUrl">
+        <single-upload
+          v-model="form.imageUrl"
+          style="width: 100px; height: 100px"
+          :upload-url="uploadUrl"
+          @upload-success="handleUploadSuccess"
+        />
+      </el-form-item>
+      <el-form-item v-if="!form.id" label="是否启用" prop="isEnabled">
+        <el-switch v-model="form.isEnabled" active-text="启用" :active-value="true" inactive-text="禁用" :inactive-value="false" />
+      </el-form-item>
+    </el-form>
+    <div slot="footer" class="dialog-footer">
+      <el-button @click="close">取 消</el-button>
+      <el-button type="primary" @click="save">确 定</el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+  import { doAdd, doEdit } from '@/api/spring/daily/scene'
+  import SingleUpload from '@/components/SingleUpload'
+
+  export default {
+    name: 'SceneEdit',
+    components: { SingleUpload },
+    data() {
+      return {
+        form: {
+          name: '',
+          scene: '',
+          icon: '',
+          greetingId: '',
+          imageUrl: '',
+          isEnabled: true,
+        },
+        rules: {
+          name: [{ required: true, trigger: 'blur', message: '请输入场景名称' }],
+          scene: [{ required: true, trigger: 'blur', message: '请输入场景Key' }],
+          isEnabled: [{ required: true, trigger: 'blur', message: '请选择是否启用' }],
+        },
+        title: '',
+        dialogFormVisible: false,
+      }
+    },
+    computed: {
+      uploadUrl() {
+        return `${process.env.VUE_APP_API_BASE_URL}/management/api/common/upload`
+      },
+    },
+    created() {},
+    methods: {
+      handleUploadSuccess(url) {
+        this.form.imageUrl = url
+      },
+      showEdit(row) {
+        if (!row) {
+          this.title = '添加'
+          this.form = {
+            name: '',
+            scene: '',
+            icon: '',
+            greetingId: '',
+            imageUrl: '',
+            isEnabled: true,
+          }
+        } else {
+          this.title = '编辑'
+          this.form = Object.assign({}, row)
+        }
+        this.dialogFormVisible = true
+      },
+      close() {
+        this.$refs['form'].resetFields()
+        this.form = this.$options.data().form
+        this.dialogFormVisible = false
+      },
+      save() {
+        this.$refs['form'].validate(async (valid) => {
+          if (valid) {
+            const { msg } = this.form.id ? await doEdit(this.form.id, this.form) : await doAdd(this.form)
+            this.$baseMessage(msg, 'success')
+            this.$emit('fetch-data')
+            this.close()
+          } else {
+            return false
+          }
+        })
+      },
+    },
+  }
+</script>

src/views/spring/daily/scene/index.vue

@@ -0,0 +1,173 @@
+<template>
+  <div class="scene-container">
+    <vab-query-form>
+      <vab-query-form-left-panel :span="12">
+        <el-button icon="el-icon-plus" type="primary" @click="handleEdit">添加</el-button>
+        <el-button icon="el-icon-delete" type="danger" @click="handleDelete">批量删除</el-button>
+      </vab-query-form-left-panel>
+      <vab-query-form-right-panel :span="12">
+        <el-form :inline="true" :model="queryForm" @submit.native.prevent>
+          <el-form-item>
+            <el-input v-model.trim="queryForm.name" clearable placeholder="请输入场景名称" />
+          </el-form-item>
+          <el-form-item>
+            <el-button icon="el-icon-search" type="primary" @click="queryData">查询</el-button>
+          </el-form-item>
+        </el-form>
+      </vab-query-form-right-panel>
+    </vab-query-form>
+
+    <el-table v-loading="listLoading" :data="list" :element-loading-text="elementLoadingText" @selection-change="handleSelectionChange">
+      <el-table-column show-overflow-tooltip type="selection" width="55" />
+      <el-table-column align="center" label="排序" prop="sort" show-overflow-tooltip width="80" />
+      <el-table-column align="center" label="场景名称" prop="name" show-overflow-tooltip />
+      <el-table-column align="center" label="场景Key" prop="scene" show-overflow-tooltip />
+      <el-table-column align="center" label="图标" prop="icon" show-overflow-tooltip />
+      <el-table-column align="center" label="背景图" width="100">
+        <template slot-scope="scope">
+          <el-image
+            v-if="scope.row.imageUrl"
+            fit="cover"
+            :preview-src-list="[scope.row.imageUrl]"
+            :src="getThumbUrl(scope.row.imageUrl)"
+            style="width: 50px; height: 50px"
+          />
+        </template>
+      </el-table-column>
+      <el-table-column align="center" label="默认祝福语ID" prop="greetingId" show-overflow-tooltip />
+      <el-table-column align="center" label="是否启用" show-overflow-tooltip width="100">
+        <template slot-scope="{ row }">
+          <el-switch :active-value="true" :inactive-value="false" :value="row.isEnabled" @change="handleStatusChange(row, $event)" />
+        </template>
+      </el-table-column>
+      <el-table-column align="center" label="操作" show-overflow-tooltip width="200">
+        <template slot-scope="{ row }">
+          <el-button type="text" @click="handleEdit(row)">编辑</el-button>
+          <el-button type="text" @click="handleMoveUp(row)">上移</el-button>
+          <el-button type="text" @click="handleMoveDown(row)">下移</el-button>
+          <el-button type="text" @click="handleDelete(row)">删除</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+    <el-pagination
+      background
+      :current-page="queryForm.pageNo"
+      :layout="layout"
+      :page-size="queryForm.pageSize"
+      :total="total"
+      @current-change="handleCurrentChange"
+      @size-change="handleSizeChange"
+    />
+    <scene-edit ref="edit" @fetch-data="fetchData" />
+  </div>
+</template>
+
+<script>
+  import { getList, doDelete, toggleEnable, doMoveUp, doMoveDown } from '@/api/spring/daily/scene'
+  import { getThumbUrl } from '@/utils/blessing'
+  import SceneEdit from './components/SceneEdit'
+
+  export default {
+    name: 'Scene',
+    components: { SceneEdit },
+    data() {
+      return {
+        list: null,
+        listLoading: true,
+        layout: 'total, sizes, prev, pager, next, jumper',
+        total: 0,
+        elementLoadingText: '正在加载...',
+        queryForm: {
+          pageNo: 1,
+          pageSize: 10,
+          name: '',
+        },
+        selectRows: '',
+      }
+    },
+    created() {
+      this.fetchData()
+    },
+    methods: {
+      getThumbUrl,
+      handleSelectionChange(val) {
+        this.selectRows = val
+      },
+      handleEdit(row) {
+        if (row.id) {
+          this.$refs['edit'].showEdit(row)
+        } else {
+          this.$refs['edit'].showEdit()
+        }
+      },
+      handleSizeChange(val) {
+        this.queryForm.pageSize = val
+        this.fetchData()
+      },
+      handleCurrentChange(val) {
+        this.queryForm.pageNo = val
+        this.fetchData()
+      },
+      queryData() {
+        this.queryForm.pageNo = 1
+        this.fetchData()
+      },
+      async fetchData() {
+        this.listLoading = true
+        const { data } = await getList(this.queryForm)
+        this.list = data.list
+        this.total = data.totalCount
+        this.listLoading = false
+      },
+      async handleStatusChange(row, newVal) {
+        try {
+          await toggleEnable(row.id, newVal)
+          row.isEnabled = newVal
+          this.$baseMessage(`${newVal ? '启用' : '禁用'}成功`, 'success')
+        } catch (e) {
+          this.$baseMessage(`${newVal ? '启用' : '禁用'}失败`, 'error')
+          this.fetchData()
+        }
+      },
+      handleDelete(row) {
+        if (row.id) {
+          this.$baseConfirm('你确定要删除当前项吗', null, async () => {
+            const { msg } = await doDelete({ ids: [row.id] })
+            this.$baseMessage(msg, 'success')
+            this.fetchData()
+          })
+        } else {
+          if (this.selectRows.length > 0) {
+            const ids = this.selectRows.map((item) => item.id)
+            this.$baseConfirm('你确定要删除选中项吗', null, async () => {
+              const { msg } = await doDelete({ ids })
+              this.$baseMessage(msg, 'success')
+              this.fetchData()
+            })
+          } else {
+            this.$baseMessage('未选中任何行', 'error')
+            return false
+          }
+        }
+      },
+      async handleMoveUp(row) {
+        try {
+          await doMoveUp(row.id)
+          this.$baseMessage('上移成功', 'success')
+          this.fetchData()
+        } catch (e) {
+          // error handled by request interceptor usually
+        }
+      },
+      async handleMoveDown(row) {
+        try {
+          await doMoveDown(row.id)
+          this.$baseMessage('下移成功', 'success')
+          this.fetchData()
+        } catch (e) {
+          // error handled by request interceptor usually
+        }
+      },
+    },
+  }
+</script>

src/views/spring/index/topic/components/TopicEdit.vue

@@ -0,0 +1,100 @@
+<template>
+  <el-dialog :title="title" :visible.sync="dialogFormVisible" width="600px" @close="close">
+    <el-form ref="form" label-width="100px" :model="form" :rules="rules">
+      <el-form-item label="场景" prop="scene">
+        <el-input v-model="form.scene" placeholder="请输入场景" />
+      </el-form-item>
+      <el-form-item label="场景名称" prop="sceneName">
+        <el-input v-model="form.sceneName" placeholder="请输入场景名称" />
+      </el-form-item>
+      <el-form-item label="场景描述" prop="sceneDesc">
+        <el-input v-model="form.sceneDesc" placeholder="请输入场景描述" :rows="3" type="textarea" />
+      </el-form-item>
+      <el-form-item label="场景祝福" prop="sceneBlessing">
+        <el-input v-model="form.sceneBlessing" placeholder="请输入场景祝福" :rows="3" type="textarea" />
+      </el-form-item>
+      <el-form-item label="按钮文本" prop="btnText">
+        <el-input v-model="form.btnText" placeholder="请输入按钮文本" />
+      </el-form-item>
+      <el-form-item label="背景图片" prop="imageUrl">
+        <single-upload
+          v-model="form.imageUrl"
+          style="width: 100px; height: 100px"
+          :upload-url="uploadUrl"
+          @upload-success="handleUploadSuccess"
+        />
+      </el-form-item>
+    </el-form>
+    <div slot="footer" class="dialog-footer">
+      <el-button @click="close">取 消</el-button>
+      <el-button type="primary" @click="save">确 定</el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+  import { createTopic, updateTopic } from '@/api/spring/index/topic'
+  import SingleUpload from '@/components/SingleUpload'
+
+  export default {
+    name: 'TopicEdit',
+    components: { SingleUpload },
+    data() {
+      return {
+        form: {
+          scene: '',
+          sceneName: '',
+          sceneDesc: '',
+          sceneBlessing: '',
+          btnText: '',
+          imageUrl: '',
+        },
+        rules: {
+          scene: [{ required: true, trigger: 'change', message: '请选择场景' }],
+        },
+        title: '',
+        dialogFormVisible: false,
+        id: '',
+      }
+    },
+    computed: {
+      uploadUrl() {
+        return `${process.env.VUE_APP_API_BASE_URL}/management/api/common/upload`
+      },
+    },
+    methods: {
+      handleUploadSuccess(url) {
+        this.form.imageUrl = url
+      },
+      showEdit(row) {
+        if (!row) {
+          this.title = '添加专题'
+          this.id = ''
+        } else {
+          this.title = '编辑专题'
+          this.id = row.id
+          this.form = Object.assign({}, row)
+        }
+        this.dialogFormVisible = true
+      },
+      close() {
+        this.$refs['form'].resetFields()
+        this.form = this.$options.data().form
+        this.id = ''
+        this.dialogFormVisible = false
+      },
+      save() {
+        this.$refs['form'].validate(async (valid) => {
+          if (valid) {
+            const { msg } = this.id ? await updateTopic(this.id, this.form) : await createTopic(this.form)
+            this.$baseMessage(msg, 'success')
+            this.$emit('fetch-data')
+            this.close()
+          } else {
+            return false
+          }
+        })
+      },
+    },
+  }
+</script>

src/views/spring/index/topic/index.vue

@@ -0,0 +1,139 @@
+<template>
+  <div class="topic-container">
+    <vab-query-form>
+      <vab-query-form-left-panel :span="12">
+        <el-button icon="el-icon-plus" type="primary" @click="handleEdit">添加</el-button>
+      </vab-query-form-left-panel>
+      <vab-query-form-right-panel :span="12">
+        <el-form :inline="true" :model="queryForm" @submit.native.prevent>
+          <el-form-item>
+            <el-input v-model.trim="queryForm.keyword" clearable placeholder="请输入查询条件" />
+          </el-form-item>
+          <el-form-item>
+            <el-button icon="el-icon-search" type="primary" @click="queryData">查询</el-button>
+          </el-form-item>
+        </el-form>
+      </vab-query-form-right-panel>
+    </vab-query-form>
+
+    <el-table v-loading="listLoading" :data="list" :element-loading-text="elementLoadingText">
+      <el-table-column align="center" label="ID" prop="id" show-overflow-tooltip width="80" />
+      <el-table-column align="center" label="场景" prop="scene" show-overflow-tooltip />
+      <el-table-column align="center" label="场景名称" prop="sceneName" show-overflow-tooltip />
+      <el-table-column align="center" label="场景描述" prop="sceneDesc" show-overflow-tooltip />
+      <el-table-column align="center" label="场景祝福" prop="sceneBlessing" show-overflow-tooltip />
+      <el-table-column align="center" label="按钮文本" prop="btnText" show-overflow-tooltip />
+      <el-table-column align="center" label="背景图片" width="100">
+        <template slot-scope="scope">
+          <el-image
+            v-if="scope.row.imageUrl"
+            fit="cover"
+            :preview-src-list="[scope.row.imageUrl]"
+            :src="getThumbUrl(scope.row.imageUrl)"
+            style="width: 50px; height: 50px"
+          />
+        </template>
+      </el-table-column>
+      <el-table-column align="center" label="是否启用" width="100">
+        <template slot-scope="{ row }">
+          <el-switch :active-value="true" :inactive-value="false" :value="row.isEnabled" @change="handleStatusChange(row, $event)" />
+        </template>
+      </el-table-column>
+      <el-table-column align="center" label="创建时间" show-overflow-tooltip width="160">
+        <template slot-scope="{ row }">
+          {{ formatTime(row.createdAt) }}
+        </template>
+      </el-table-column>
+      <el-table-column align="center" label="操作" show-overflow-tooltip width="100">
+        <template slot-scope="{ row }">
+          <el-button type="text" @click="handleEdit(row)">编辑</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+    <el-pagination
+      background
+      :current-page="queryForm.pageNo"
+      :layout="layout"
+      :page-size="queryForm.pageSize"
+      :total="total"
+      @current-change="handleCurrentChange"
+      @size-change="handleSizeChange"
+    />
+    <topic-edit ref="edit" @fetch-data="fetchData" />
+  </div>
+</template>
+
+<script>
+  import { getList, enableTopic, disableTopic } from '@/api/spring/index/topic'
+  import { formatTime } from '@/utils'
+  import { getThumbUrl } from '@/utils/blessing'
+  import TopicEdit from './components/TopicEdit'
+
+  export default {
+    name: 'Topic',
+    components: { TopicEdit },
+    data() {
+      return {
+        list: null,
+        listLoading: true,
+        layout: 'total, sizes, prev, pager, next, jumper',
+        total: 0,
+        elementLoadingText: '正在加载...',
+        queryForm: {
+          pageNo: 1,
+          pageSize: 10,
+          keyword: '',
+        },
+      }
+    },
+    created() {
+      this.fetchData()
+    },
+    methods: {
+      formatTime,
+      getThumbUrl,
+      handleEdit(row) {
+        if (row && row.id) {
+          this.$refs['edit'].showEdit(row)
+        } else {
+          this.$refs['edit'].showEdit()
+        }
+      },
+      handleSizeChange(val) {
+        this.queryForm.pageSize = val
+        this.fetchData()
+      },
+      handleCurrentChange(val) {
+        this.queryForm.pageNo = val
+        this.fetchData()
+      },
+      queryData() {
+        this.queryForm.pageNo = 1
+        this.fetchData()
+      },
+      async fetchData() {
+        this.listLoading = true
+        const { data } = await getList(this.queryForm)
+        this.list = data.list
+        this.total = data.totalCount
+        this.listLoading = false
+      },
+      async handleStatusChange(row, newVal) {
+        const action = newVal ? enableTopic : disableTopic
+        const text = newVal ? '启用' : '禁用'
+        try {
+          await action(row.id)
+          row.isEnabled = newVal
+          this.$baseMessage(`${text}成功`, 'success')
+        } catch (e) {
+          this.$baseMessage(`${text}失败`, 'error')
+          // Since we use :value, the switch might have visually toggled if we don't force update?
+          // Actually, if we use :value and don't update row.isEnabled, Vue re-renders with old value?
+          // Yes, usually.
+          // But to be sure, we can force refresh or just rely on the fact that row.isEnabled wasn't updated.
+          this.fetchData() // Refresh list to ensure consistent state
+        }
+      },
+    },
+  }
+</script>

src/views/spring/user/adWatch/index.vue

@@ -0,0 +1,141 @@
+<template>
+  <div class="adWatch-container">
+    <vab-query-form>
+      <vab-query-form-left-panel :span="12" />
+      <vab-query-form-right-panel :span="12">
+        <el-form :inline="true" :model="queryForm" @submit.native.prevent>
+          <el-form-item><el-input v-model.trim="queryForm.keyword" clearable placeholder="请输入查询条件" /></el-form-item>
+          <el-form-item>
+            <el-button icon="el-icon-search" type="primary" @click="queryData">查询</el-button>
+          </el-form-item>
+        </el-form>
+      </vab-query-form-right-panel>
+    </vab-query-form>
+
+    <el-table v-loading="listLoading" :data="list" :element-loading-text="elementLoadingText">
+      <el-table-column align="center" label="ID" prop="id" show-overflow-tooltip width="220" />
+
+      <el-table-column align="left" label="用户信息" min-width="200" show-overflow-tooltip>
+        <template #default="{ row }">
+          <div v-if="row.user && row.user.id" class="author-cell">
+            <el-image class="author-avatar" :preview-src-list="[getThumbUrl(row.user.avatar)]" :src="getThumbUrl(row.user.avatar)" />
+            <div class="author-meta">
+              <div>
+                <strong>昵称：</strong>
+                {{ row.user.nickname || '--' }}
+              </div>
+              <div>
+                <strong>ID：</strong>
+                {{ row.user.id }}
+              </div>
+            </div>
+          </div>
+          <div v-else>
+            <div>User ID: {{ row.userId }}</div>
+          </div>
+        </template>
+      </el-table-column>
+
+      <el-table-column align="center" label="广告位ID" prop="adPlacementId" show-overflow-tooltip />
+
+      <el-table-column align="center" label="是否看完" show-overflow-tooltip>
+        <template #default="{ row }">
+          <el-tag v-if="row.consumed" type="success">是</el-tag>
+          <el-tag v-else type="danger">否</el-tag>
+        </template>
+      </el-table-column>
+
+      <el-table-column align="center" label="观看日期" prop="day" show-overflow-tooltip />
+
+      <el-table-column align="center" label="完成时间" show-overflow-tooltip width="160">
+        <template #default="{ row }">
+          {{ formatTime(row.consumedAt) }}
+        </template>
+      </el-table-column>
+
+      <el-table-column align="center" label="创建时间" show-overflow-tooltip width="160">
+        <template #default="{ row }">
+          {{ formatTime(row.createdAt) }}
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <el-pagination
+      background
+      :current-page="queryForm.pageNo"
+      :layout="layout"
+      :page-size="queryForm.pageSize"
+      :total="total"
+      @current-change="handleCurrentChange"
+      @size-change="handleSizeChange"
+    />
+  </div>
+</template>
+
+<script>
+  import { getAdWatchTicketList } from '@/api/system/index'
+  import { formatTime } from '@/utils'
+  import { getThumbUrl } from '@/utils/blessing'
+
+  export default {
+    name: 'AdWatchRecord',
+    data() {
+      return {
+        list: null,
+        listLoading: true,
+        layout: 'total, sizes, prev, pager, next, jumper',
+        total: 0,
+        elementLoadingText: '正在加载...',
+        queryForm: {
+          pageNo: 1,
+          pageSize: 10,
+          keyword: '',
+        },
+      }
+    },
+    created() {
+      this.fetchData()
+    },
+    methods: {
+      getThumbUrl,
+      formatTime,
+      handleSizeChange(val) {
+        this.queryForm.pageSize = val
+        this.fetchData()
+      },
+      handleCurrentChange(val) {
+        this.queryForm.pageNo = val
+        this.fetchData()
+      },
+      queryData() {
+        this.queryForm.pageNo = 1
+        this.fetchData()
+      },
+      async fetchData() {
+        this.listLoading = true
+        const { data } = await getAdWatchTicketList(this.queryForm)
+        this.list = data.list
+        this.total = data.totalCount
+        this.listLoading = false
+      },
+    },
+  }
+</script>
+
+<style scoped>
+  .author-cell {
+    display: flex;
+    align-items: center;
+    gap: 12px;
+  }
+  .author-avatar {
+    width: 50px;
+    height: 50px;
+    object-fit: cover;
+    border-radius: 50%;
+  }
+  .author-meta {
+    display: flex;
+    flex-direction: column;
+  }
+</style>

src/views/spring/user/signLog/index.vue

@@ -0,0 +1,131 @@
+<template>
+  <div class="signLog-container">
+    <vab-query-form>
+      <vab-query-form-left-panel :span="12" />
+      <vab-query-form-right-panel :span="12">
+        <el-form :inline="true" :model="queryForm" @submit.native.prevent>
+          <el-form-item>
+            <el-input v-model.trim="queryForm.keyword" clearable placeholder="请输入查询条件" />
+          </el-form-item>
+          <el-form-item>
+            <el-button icon="el-icon-search" type="primary" @click="queryData">查询</el-button>
+          </el-form-item>
+        </el-form>
+      </vab-query-form-right-panel>
+    </vab-query-form>
+
+    <el-table v-loading="listLoading" :data="list" :element-loading-text="elementLoadingText">
+      <el-table-column align="center" label="ID" prop="id" show-overflow-tooltip width="220" />
+
+      <el-table-column align="left" label="用户信息" min-width="200" show-overflow-tooltip>
+        <template #default="{ row }">
+          <div v-if="row.user && row.user.id" class="author-cell">
+            <el-image class="author-avatar" :preview-src-list="[getThumbUrl(row.user.avatar)]" :src="getThumbUrl(row.user.avatar)" />
+            <div class="author-meta">
+              <div>
+                <strong>昵称：</strong>
+                {{ row.user.nickname || '--' }}
+              </div>
+              <div>
+                <strong>ID：</strong>
+                {{ row.user.id }}
+              </div>
+            </div>
+          </div>
+          <div v-else>
+            <div>User ID: {{ row.userId }}</div>
+          </div>
+        </template>
+      </el-table-column>
+
+      <el-table-column align="center" label="签到日期" prop="signDate" show-overflow-tooltip />
+      <el-table-column align="center" label="连续签到天数" prop="continuousDays" show-overflow-tooltip />
+      <el-table-column align="center" label="奖励积分" prop="rewardPoint" show-overflow-tooltip />
+      <el-table-column align="center" label="奖励经验" prop="rewardExp" show-overflow-tooltip />
+
+      <el-table-column align="center" label="创建时间" show-overflow-tooltip width="160">
+        <template #default="{ row }">
+          {{ formatTime(row.createdAt) }}
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <el-pagination
+      background
+      :current-page="queryForm.pageNo"
+      :layout="layout"
+      :page-size="queryForm.pageSize"
+      :total="total"
+      @current-change="handleCurrentChange"
+      @size-change="handleSizeChange"
+    />
+  </div>
+</template>
+
+<script>
+  import { getUserSignLogList } from '@/api/system/index'
+  import { formatTime } from '@/utils'
+  import { getThumbUrl } from '@/utils/blessing'
+
+  export default {
+    name: 'UserSignLog',
+    data() {
+      return {
+        list: null,
+        listLoading: true,
+        layout: 'total, sizes, prev, pager, next, jumper',
+        total: 0,
+        elementLoadingText: '正在加载...',
+        queryForm: {
+          pageNo: 1,
+          pageSize: 10,
+          keyword: '',
+        },
+      }
+    },
+    created() {
+      this.fetchData()
+    },
+    methods: {
+      getThumbUrl,
+      formatTime,
+      handleSizeChange(val) {
+        this.queryForm.pageSize = val
+        this.fetchData()
+      },
+      handleCurrentChange(val) {
+        this.queryForm.pageNo = val
+        this.fetchData()
+      },
+      queryData() {
+        this.queryForm.pageNo = 1
+        this.fetchData()
+      },
+      async fetchData() {
+        this.listLoading = true
+        const { data } = await getUserSignLogList(this.queryForm)
+        this.list = data.list
+        this.total = data.totalCount
+        this.listLoading = false
+      },
+    },
+  }
+</script>
+
+<style scoped>
+  .author-cell {
+    display: flex;
+    align-items: center;
+    gap: 12px;
+  }
+  .author-avatar {
+    width: 50px;
+    height: 50px;
+    object-fit: cover;
+    border-radius: 50%;
+  }
+  .author-meta {
+    display: flex;
+    flex-direction: column;
+  }
+</style>

src/views/systemManagement/ability/components/AbilityManagementEdit.vue

@@ -0,0 +1,129 @@
+<template>
+  <el-dialog :title="title" :visible.sync="dialogFormVisible" width="500px" @close="close">
+    <el-form ref="form" label-width="100px" :model="form" :rules="rules">
+      <el-form-item label="应用" prop="appId">
+        <el-select v-model="form.appId" placeholder="请选择应用" style="width: 100%">
+          <el-option v-for="item in applicationList" :key="item.id" :label="item.name" :value="item.id" />
+        </el-select>
+      </el-form-item>
+
+      <el-form-item label="规则名称" prop="name">
+        <el-input v-model="form.name" placeholder="请输入规则名称" />
+      </el-form-item>
+
+      <el-form-item label="功能场景" prop="scene">
+        <el-input v-model="form.scene" placeholder="请输入功能场景标识" />
+      </el-form-item>
+
+      <el-form-item label="消耗积分" prop="costPoints">
+        <el-input-number v-model="form.costPoints" :min="0" placeholder="本次行为消耗的积分值" style="width: 100%" />
+      </el-form-item>
+
+      <el-form-item label="增加经验" prop="gainExp">
+        <el-input-number v-model="form.gainExp" :min="0" placeholder="本次行为增加的经验值" style="width: 100%" />
+      </el-form-item>
+
+      <el-form-item label="每日限制" prop="limitCount">
+        <el-input-number v-model="form.limitCount" :min="-1" placeholder="每日经验增长限制次数 (-1为无限制)" style="width: 100%" />
+        <div style="font-size: 12px; color: #909399; margin-top: 4px">-1 表示无限制</div>
+      </el-form-item>
+
+      <el-form-item label="规则描述" prop="description">
+        <el-input v-model="form.description" placeholder="请输入规则描述" :rows="3" type="textarea" />
+      </el-form-item>
+
+      <el-form-item label="是否启用" prop="isEnabled">
+        <el-switch v-model="form.isEnabled" />
+      </el-form-item>
+    </el-form>
+    <div slot="footer" class="dialog-footer">
+      <el-button @click="close">取 消</el-button>
+      <el-button type="primary" @click="save">确 定</el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+  import { doAdd, doEdit } from '@/api/system/ability'
+  import { getList as getApplicationList } from '@/api/appManagement'
+
+  export default {
+    name: 'AbilityManagementEdit',
+    data() {
+      return {
+        form: {
+          appId: '',
+          name: '',
+          scene: '',
+          costPoints: 0,
+          gainExp: 0,
+          limitCount: -1,
+          description: '',
+          isEnabled: true,
+        },
+        rules: {
+          appId: [{ required: true, trigger: 'blur', message: '请选择应用' }],
+          name: [{ required: true, trigger: 'blur', message: '请输入规则名称' }],
+          scene: [{ required: true, trigger: 'blur', message: '请输入功能场景' }],
+        },
+        title: '',
+        dialogFormVisible: false,
+        applicationList: [],
+      }
+    },
+    created() {
+      this.fetchApplicationList()
+    },
+    methods: {
+      async fetchApplicationList() {
+        try {
+          const { data } = await getApplicationList({ pageNo: 1, pageSize: 100 })
+          this.applicationList = data.list
+        } catch (error) {
+          console.error('获取应用列表失败', error)
+        }
+      },
+      showEdit(row) {
+        if (!row || !row.id) {
+          this.title = '添加'
+          this.form = Object.assign({}, this.$options.data().form)
+          if (row) {
+            this.form = Object.assign(this.form, row)
+          }
+        } else {
+          this.title = '编辑'
+          this.form = Object.assign({}, row)
+        }
+        this.dialogFormVisible = true
+      },
+      close() {
+        this.$refs['form'].resetFields()
+        this.form = this.$options.data().form
+        this.dialogFormVisible = false
+      },
+      save() {
+        this.$refs['form'].validate(async (valid) => {
+          if (valid) {
+            try {
+              if (this.title === '添加') {
+                const { msg } = await doAdd(this.form)
+                this.$baseMessage(msg, 'success')
+              } else {
+                const { msg } = await doEdit(this.form.id, this.form)
+                this.$baseMessage(msg, 'success')
+              }
+              this.$refs['form'].resetFields()
+              this.dialogFormVisible = false
+              this.$emit('fetch-data')
+              this.form = this.$options.data().form
+            } catch (error) {
+              console.error(error)
+            }
+          } else {
+            return false
+          }
+        })
+      },
+    },
+  }
+</script>

src/views/systemManagement/ability/index.vue

@@ -0,0 +1,189 @@
+<template>
+  <div class="ability-management-container">
+    <el-tabs v-model="queryForm.appId" type="card" @tab-click="handleTabClick">
+      <el-tab-pane v-for="item in applicationList" :key="item.id" :label="item.name" :name="item.id" />
+    </el-tabs>
+
+    <vab-query-form>
+      <vab-query-form-left-panel :span="12">
+        <el-button icon="el-icon-plus" type="primary" @click="handleEdit">添加</el-button>
+        <el-button icon="el-icon-delete" type="danger" @click="handleDelete">批量删除</el-button>
+      </vab-query-form-left-panel>
+      <vab-query-form-right-panel :span="12">
+        <el-form :inline="true" :model="queryForm" @submit.native.prevent>
+          <el-form-item>
+            <el-input v-model.trim="queryForm.name" clearable placeholder="请输入规则名称" />
+          </el-form-item>
+          <el-form-item>
+            <el-button icon="el-icon-search" type="primary" @click="queryData">查询</el-button>
+          </el-form-item>
+        </el-form>
+      </vab-query-form-right-panel>
+    </vab-query-form>
+
+    <el-table v-loading="listLoading" :data="list" :element-loading-text="elementLoadingText">
+      <el-table-column align="center" label="规则名称" min-width="150" prop="name" show-overflow-tooltip />
+      <el-table-column align="center" label="场景" prop="scene" show-overflow-tooltip width="120" />
+      <el-table-column align="center" label="描述" min-width="200" prop="description" show-overflow-tooltip />
+
+      <el-table-column align="center" label="数值设置" width="180">
+        <template #default="{ row }">
+          <div v-if="row.costPoints">消耗积分: {{ row.costPoints }}</div>
+          <div v-if="row.gainExp">增加经验: {{ row.gainExp }}</div>
+          <div>每日限制: {{ row.limitCount === -1 ? '无限制' : row.limitCount }}</div>
+        </template>
+      </el-table-column>
+
+      <el-table-column align="center" label="状态" prop="isEnabled" width="100">
+        <template #default="{ row }">
+          <el-switch v-model="row.isEnabled" @change="handleStatusChange(row)" />
+        </template>
+      </el-table-column>
+
+      <el-table-column align="center" label="创建时间" prop="createdAt" width="160">
+        <template #default="{ row }">
+          {{ formatTime(row.createdAt) }}
+        </template>
+      </el-table-column>
+
+      <el-table-column align="center" fixed="right" label="操作" show-overflow-tooltip width="150">
+        <template #default="{ row }">
+          <el-button type="text" @click="handleEdit(row)">编辑</el-button>
+          <el-button type="text" @click="handleDelete(row)">删除</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <el-pagination
+      background
+      :current-page="queryForm.pageNo"
+      :layout="layout"
+      :page-size="queryForm.pageSize"
+      :total="total"
+      @current-change="handleCurrentChange"
+      @size-change="handleSizeChange"
+    />
+
+    <edit ref="edit" @fetch-data="fetchData" />
+  </div>
+</template>
+
+<script>
+  import { getList, doDelete, toggleEnable } from '@/api/system/ability'
+  import { getList as getApplicationList } from '@/api/appManagement'
+  import { formatTime } from '@/utils'
+  import Edit from './components/AbilityManagementEdit'
+
+  export default {
+    name: 'AbilityManagement',
+    components: { Edit },
+    data() {
+      return {
+        list: [],
+        listLoading: true,
+        layout: 'total, sizes, prev, pager, next, jumper',
+        total: 0,
+        selectRows: [],
+        elementLoadingText: '正在加载...',
+        queryForm: {
+          pageNo: 1,
+          pageSize: 10,
+          name: '',
+          appId: '',
+        },
+        applicationList: [],
+      }
+    },
+    created() {
+      this.fetchApplicationList()
+      this.fetchData()
+    },
+    methods: {
+      formatTime,
+      async fetchApplicationList() {
+        try {
+          const { data } = await getApplicationList({ pageNo: 1, pageSize: 100 })
+          this.applicationList = data.list
+        } catch (error) {
+          console.error('获取应用列表失败', error)
+        }
+      },
+      handleTabClick(tab) {
+        this.queryForm.appId = tab.name
+        this.queryForm.pageNo = 1
+        this.fetchData()
+      },
+      setSelectRows(val) {
+        this.selectRows = val
+      },
+      handleEdit(row) {
+        if (row.id) {
+          this.$refs['edit'].showEdit(row)
+        } else {
+          // 如果当前选中了某个应用，自动填入 appId
+          const defaultData = this.queryForm.appId ? { appId: this.queryForm.appId } : null
+          this.$refs['edit'].showEdit(defaultData)
+        }
+      },
+      handleDelete(row) {
+        if (row.id) {
+          this.$baseConfirm('你确定要删除当前项吗', null, async () => {
+            const { msg } = await doDelete({ ids: [row.id] })
+            this.$baseMessage(msg, 'success')
+            this.fetchData()
+          })
+        } else {
+          if (this.selectRows.length > 0) {
+            const ids = this.selectRows.map((item) => item.id).join()
+            this.$baseConfirm('你确定要删除选中项吗', null, async () => {
+              const { msg } = await doDelete({ ids: ids.split(',') })
+              this.$baseMessage(msg, 'success')
+              this.fetchData()
+            })
+          } else {
+            this.$baseMessage('未选中任何行', 'error')
+            return false
+          }
+        }
+      },
+      async handleStatusChange(row) {
+        try {
+          const { msg } = await toggleEnable(row.id, row.isEnabled)
+          this.$baseMessage(msg, 'success')
+        } catch (error) {
+          row.isEnabled = !row.isEnabled
+        }
+      },
+      handleSizeChange(val) {
+        this.queryForm.pageSize = val
+        this.fetchData()
+      },
+      handleCurrentChange(val) {
+        this.queryForm.pageNo = val
+        this.fetchData()
+      },
+      queryData() {
+        this.queryForm.pageNo = 1
+        this.fetchData()
+      },
+      async fetchData() {
+        this.listLoading = true
+        try {
+          const { data } = await getList(this.queryForm)
+          this.list = data.list
+          this.total = data.totalCount
+        } catch (error) {
+          console.error(error)
+        } finally {
+          this.listLoading = false
+        }
+      },
+    },
+  }
+</script>
+
+<style scoped>
+  .ability-management-container {
+    padding: 20px;
+  }
+</style>

src/views/systemManagement/reward/components/RewardManagementEdit.vue

@@ -0,0 +1,140 @@
+<template>
+  <el-dialog :title="title" :visible.sync="dialogFormVisible" width="500px" @close="close">
+    <el-form ref="form" label-width="100px" :model="form" :rules="rules">
+      <el-form-item label="应用" prop="appId">
+        <el-select v-model="form.appId" placeholder="请选择应用" style="width: 100%">
+          <el-option v-for="item in applicationList" :key="item.id" :label="item.name" :value="item.id" />
+        </el-select>
+      </el-form-item>
+
+      <el-form-item label="规则名称" prop="name">
+        <el-input v-model="form.name" placeholder="请输入规则名称" />
+      </el-form-item>
+
+      <el-form-item label="奖励场景" prop="scene">
+        <el-input v-model="form.scene" placeholder="请输入奖励场景标识 (如: login, share)" />
+      </el-form-item>
+
+      <el-form-item label="限制类型" prop="limitType">
+        <el-select v-model="form.limitType" placeholder="请选择限制类型" style="width: 100%">
+          <el-option label="每日" value="daily" />
+          <el-option label="每周" value="weekly" />
+          <el-option label="终身" value="lifetime" />
+          <el-option label="无限制" value="none" />
+        </el-select>
+      </el-form-item>
+
+      <el-form-item v-if="form.limitType !== 'none'" label="限制次数" prop="limitCount">
+        <el-input-number v-model="form.limitCount" :min="-1" placeholder="周期内最大次数 (-1为无限制)" style="width: 100%" />
+        <div style="font-size: 12px; color: #909399; margin-top: 4px">-1 表示无限制</div>
+      </el-form-item>
+
+      <el-form-item label="奖励积分" prop="gainPoints">
+        <el-input-number v-model="form.gainPoints" :min="0" placeholder="增加的积分值" style="width: 100%" />
+      </el-form-item>
+
+      <el-form-item label="奖励经验" prop="gainExp">
+        <el-input-number v-model="form.gainExp" :min="0" placeholder="增加的经验值" style="width: 100%" />
+      </el-form-item>
+
+      <el-form-item label="规则描述" prop="description">
+        <el-input v-model="form.description" placeholder="请输入规则描述" :rows="3" type="textarea" />
+      </el-form-item>
+
+      <el-form-item label="是否启用" prop="isEnabled">
+        <el-switch v-model="form.isEnabled" />
+      </el-form-item>
+    </el-form>
+    <div slot="footer" class="dialog-footer">
+      <el-button @click="close">取 消</el-button>
+      <el-button type="primary" @click="save">确 定</el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+  import { doAdd, doEdit } from '@/api/system/reward'
+  import { getList as getApplicationList } from '@/api/appManagement'
+
+  export default {
+    name: 'RewardManagementEdit',
+    data() {
+      return {
+        form: {
+          appId: '',
+          name: '',
+          scene: '',
+          limitType: 'daily',
+          limitCount: 1,
+          gainPoints: 0,
+          gainExp: 0,
+          description: '',
+          isEnabled: true,
+        },
+        rules: {
+          appId: [{ required: true, trigger: 'blur', message: '请选择应用' }],
+          name: [{ required: true, trigger: 'blur', message: '请输入规则名称' }],
+          scene: [{ required: true, trigger: 'blur', message: '请输入奖励场景' }],
+          limitType: [{ required: true, trigger: 'blur', message: '请选择限制类型' }],
+        },
+        title: '',
+        dialogFormVisible: false,
+        applicationList: [],
+      }
+    },
+    created() {
+      this.fetchApplicationList()
+    },
+    methods: {
+      async fetchApplicationList() {
+        try {
+          const { data } = await getApplicationList({ pageNo: 1, pageSize: 100 })
+          this.applicationList = data.list
+        } catch (error) {
+          console.error('获取应用列表失败', error)
+        }
+      },
+      showEdit(row) {
+        if (!row || !row.id) {
+          this.title = '添加'
+          this.form = Object.assign({}, this.$options.data().form)
+          if (row) {
+            this.form = Object.assign(this.form, row)
+          }
+        } else {
+          this.title = '编辑'
+          this.form = Object.assign({}, row)
+        }
+        this.dialogFormVisible = true
+      },
+      close() {
+        this.$refs['form'].resetFields()
+        this.form = this.$options.data().form
+        this.dialogFormVisible = false
+      },
+      save() {
+        this.$refs['form'].validate(async (valid) => {
+          if (valid) {
+            try {
+              if (this.title === '添加') {
+                const { msg } = await doAdd(this.form)
+                this.$baseMessage(msg, 'success')
+              } else {
+                const { msg } = await doEdit(this.form.id, this.form)
+                this.$baseMessage(msg, 'success')
+              }
+              this.$refs['form'].resetFields()
+              this.dialogFormVisible = false
+              this.$emit('fetch-data')
+              this.form = this.$options.data().form
+            } catch (error) {
+              console.error(error)
+            }
+          } else {
+            return false
+          }
+        })
+      },
+    },
+  }
+</script>

src/views/systemManagement/reward/index.vue

@@ -0,0 +1,201 @@
+<template>
+  <div class="reward-management-container">
+    <el-tabs v-model="queryForm.appId" type="card" @tab-click="handleTabClick">
+      <el-tab-pane v-for="item in applicationList" :key="item.id" :label="item.name" :name="item.id" />
+    </el-tabs>
+
+    <vab-query-form>
+      <vab-query-form-left-panel :span="12">
+        <el-button icon="el-icon-plus" type="primary" @click="handleEdit">添加</el-button>
+        <el-button icon="el-icon-delete" type="danger" @click="handleDelete">批量删除</el-button>
+      </vab-query-form-left-panel>
+      <vab-query-form-right-panel :span="12">
+        <el-form :inline="true" :model="queryForm" @submit.native.prevent>
+          <el-form-item>
+            <el-input v-model.trim="queryForm.name" clearable placeholder="请输入规则名称" />
+          </el-form-item>
+          <el-form-item>
+            <el-button icon="el-icon-search" type="primary" @click="queryData">查询</el-button>
+          </el-form-item>
+        </el-form>
+      </vab-query-form-right-panel>
+    </vab-query-form>
+
+    <el-table v-loading="listLoading" :data="list" :element-loading-text="elementLoadingText">
+      <el-table-column align="center" label="规则名称" min-width="150" prop="name" show-overflow-tooltip />
+      <el-table-column align="center" label="场景" prop="scene" show-overflow-tooltip width="120" />
+      <el-table-column align="center" label="描述" min-width="200" prop="description" show-overflow-tooltip />
+
+      <el-table-column align="center" label="奖励内容" width="150">
+        <template #default="{ row }">
+          <div v-if="row.gainPoints">积分: +{{ row.gainPoints }}</div>
+          <div v-if="row.gainExp">经验: +{{ row.gainExp }}</div>
+        </template>
+      </el-table-column>
+
+      <el-table-column align="center" label="限制规则" width="150">
+        <template #default="{ row }">
+          <div>
+            类型:
+            <el-tag v-if="row.limitType === 'daily'" size="mini">每日</el-tag>
+            <el-tag v-else-if="row.limitType === 'weekly'" size="mini" type="success">每周</el-tag>
+            <el-tag v-else-if="row.limitType === 'lifetime'" size="mini" type="warning">终身</el-tag>
+            <el-tag v-else size="mini" type="info">无限制</el-tag>
+          </div>
+          <div v-if="row.limitType !== 'none'">次数: {{ row.limitCount === -1 ? '无限制' : row.limitCount }}</div>
+        </template>
+      </el-table-column>
+
+      <el-table-column align="center" label="状态" prop="isEnabled" width="100">
+        <template #default="{ row }">
+          <el-switch v-model="row.isEnabled" @change="handleStatusChange(row)" />
+        </template>
+      </el-table-column>
+
+      <el-table-column align="center" label="创建时间" prop="createdAt" width="160">
+        <template #default="{ row }">
+          {{ formatTime(row.createdAt) }}
+        </template>
+      </el-table-column>
+
+      <el-table-column align="center" fixed="right" label="操作" show-overflow-tooltip width="150">
+        <template #default="{ row }">
+          <el-button type="text" @click="handleEdit(row)">编辑</el-button>
+          <el-button type="text" @click="handleDelete(row)">删除</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <el-pagination
+      background
+      :current-page="queryForm.pageNo"
+      :layout="layout"
+      :page-size="queryForm.pageSize"
+      :total="total"
+      @current-change="handleCurrentChange"
+      @size-change="handleSizeChange"
+    />
+
+    <edit ref="edit" @fetch-data="fetchData" />
+  </div>
+</template>
+
+<script>
+  import { getRewardRuleList, doDelete, toggleEnable } from '@/api/system/reward'
+  import { getList as getApplicationList } from '@/api/appManagement'
+  import { formatTime } from '@/utils'
+  import Edit from './components/RewardManagementEdit'
+
+  export default {
+    name: 'RewardManagement',
+    components: { Edit },
+    data() {
+      return {
+        list: [],
+        listLoading: true,
+        layout: 'total, sizes, prev, pager, next, jumper',
+        total: 0,
+        selectRows: [],
+        elementLoadingText: '正在加载...',
+        queryForm: {
+          pageNo: 1,
+          pageSize: 10,
+          name: '',
+          appId: '',
+        },
+        applicationList: [],
+      }
+    },
+    created() {
+      this.fetchApplicationList()
+      this.fetchData()
+    },
+    methods: {
+      formatTime,
+      async fetchApplicationList() {
+        try {
+          const { data } = await getApplicationList({ pageNo: 1, pageSize: 100 })
+          this.applicationList = data.list
+        } catch (error) {
+          console.error('获取应用列表失败', error)
+        }
+      },
+      handleTabClick(tab) {
+        this.queryForm.appId = tab.name
+        this.queryForm.pageNo = 1
+        this.fetchData()
+      },
+      setSelectRows(val) {
+        this.selectRows = val
+      },
+      handleEdit(row) {
+        if (row.id) {
+          this.$refs['edit'].showEdit(row)
+        } else {
+          // 如果当前选中了某个应用，自动填入 appId
+          const defaultData = this.queryForm.appId ? { appId: this.queryForm.appId } : null
+          this.$refs['edit'].showEdit(defaultData)
+        }
+      },
+      handleDelete(row) {
+        if (row.id) {
+          this.$baseConfirm('你确定要删除当前项吗', null, async () => {
+            const { msg } = await doDelete({ ids: [row.id] })
+            this.$baseMessage(msg, 'success')
+            this.fetchData()
+          })
+        } else {
+          if (this.selectRows.length > 0) {
+            const ids = this.selectRows.map((item) => item.id).join()
+            this.$baseConfirm('你确定要删除选中项吗', null, async () => {
+              const { msg } = await doDelete({ ids: ids.split(',') })
+              this.$baseMessage(msg, 'success')
+              this.fetchData()
+            })
+          } else {
+            this.$baseMessage('未选中任何行', 'error')
+            return false
+          }
+        }
+      },
+      async handleStatusChange(row) {
+        try {
+          const { msg } = await toggleEnable(row.id, row.isEnabled)
+          this.$baseMessage(msg, 'success')
+        } catch (error) {
+          row.isEnabled = !row.isEnabled
+        }
+      },
+      handleSizeChange(val) {
+        this.queryForm.pageSize = val
+        this.fetchData()
+      },
+      handleCurrentChange(val) {
+        this.queryForm.pageNo = val
+        this.fetchData()
+      },
+      queryData() {
+        this.queryForm.pageNo = 1
+        this.fetchData()
+      },
+      async fetchData() {
+        this.listLoading = true
+        try {
+          const { data } = await getRewardRuleList(this.queryForm)
+          this.list = data.list
+          this.total = data.totalCount
+        } catch (error) {
+          console.error(error)
+        } finally {
+          this.listLoading = false
+        }
+      },
+    },
+  }
+</script>
+
+<style scoped>
+  .reward-management-container {
+    padding: 20px;
+  }
+</style>