befly-admin 3.3.7 → 3.3.8

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "befly-admin",
-    "version": "3.3.7",
+    "version": "3.3.8",
     "description": "Befly Admin - 基于 Vue3 + OpenTiny Vue 的后台管理系统",
     "type": "module",
     "private": false,
@@ -39,5 +39,5 @@
         "node": ">=22.0.0",
         "pnpm": ">=9.0.0"
     },
-    "gitHead": "c15e9bf787cbdf1c4d9bc5296a686a24e79c915e"
+    "gitHead": "c9933a45ed268f79ee3428d8c9179fbe885cb888"
 }

package/src/views/index/components/userInfo.vue

@@ -5,69 +5,127 @@
                 <Icon name="User" :size="32" />
             </div>
             <div class="user-basic">
-                <div class="user-name">{{ userInfo.nickname || userInfo.name || userInfo.username || '未设置' }}</div>
-                <div class="user-role">{{ userInfo.role?.name || '普通用户' }}</div>
+                <div class="user-name">{{ $Data.userInfo.nickname || $Data.userInfo.name || $Data.userInfo.username || '未设置' }}</div>
+                <div class="user-role">{{ $Data.userInfo.role?.name || '普通用户' }}</div>
             </div>
         </div>
         <div class="user-details">
             <div class="detail-item">
                 <Icon name="Mail" :size="14" />
-                <span>{{ userInfo.email || '未设置' }}</span>
+                <span>{{ $Data.userInfo.email || '未设置' }}</span>
             </div>
-            <div v-if="userInfo.phone" class="detail-item">
+            <div v-if="$Data.userInfo.phone" class="detail-item">
                 <Icon name="Phone" :size="14" />
-                <span>{{ userInfo.phone }}</span>
+                <span>{{ $Data.userInfo.phone }}</span>
             </div>
-            <div v-if="userInfo.lastLoginTime" class="detail-item">
+            <div v-if="$Data.userInfo.lastLoginTime" class="detail-item">
                 <Icon name="Clock" :size="14" />
-                <span>{{ formatTime(userInfo.lastLoginTime) }}</span>
+                <span>{{ $Method.formatTime($Data.userInfo.lastLoginTime) }}</span>
             </div>
         </div>
+
+        <!-- 仅 dev 角色显示刷新缓存按钮 -->
+        <div v-if="$Data.userInfo.roleCode === 'dev'" class="user-actions">
+            <tiny-button type="primary" size="mini" :loading="$Data.refreshing" @click="$Method.handleRefreshCache">
+                <template #icon>
+                    <Icon name="RotateCw" :size="14" />
+                </template>
+                刷新缓存
+            </tiny-button>
+        </div>
     </div>
 </template>
 
 <script setup>
-// 组件内部数据
-const userInfo = $ref({});
-
-// 获取数据
-const fetchData = async () => {
-    try {
-        const { data } = await $Http('/addon/admin/admin/info');
-        Object.assign(userInfo, data);
-    } catch (error) {
-        console.error('获取用户信息失败:', error);
-    }
-};
+// 响应式数据
+const $Data = $ref({
+    userInfo: {},
+    refreshing: false
+});
 
-// 格式化时间
-const formatTime = (timestamp) => {
-    if (!timestamp) return '';
-    const date = new Date(Number(timestamp));
-    const now = new Date();
-    const diff = now - date;
+// 方法集合
+const $Method = {
+    // 获取数据
+    async fetchData() {
+        try {
+            const { data } = await $Http('/addon/admin/admin/info');
+            Object.assign($Data.userInfo, data);
+        } catch (error) {
+            console.error('获取用户信息失败:', error);
+        }
+    },
 
-    // 小于1分钟
-    if (diff < 60000) {
-        return '刚刚';
-    }
-    // 小于1小时
-    if (diff < 3600000) {
-        return `${Math.floor(diff / 60000)}分钟前`;
-    }
-    // 小于24小时
-    if (diff < 86400000) {
-        return `${Math.floor(diff / 3600000)}小时前`;
-    }
-    // 小于7天
-    if (diff < 604800000) {
-        return `${Math.floor(diff / 86400000)}天前`;
+    // 刷新缓存
+    async handleRefreshCache() {
+        try {
+            $Data.refreshing = true;
+            const result = await $Http('/addon/admin/admin/cacheRefresh');
+
+            if (result.code === 0) {
+                const { apis, menus, roles } = result.data;
+                const messages = [];
+
+                if (apis.success) {
+                    messages.push(`接口缓存: ${apis.count} 个`);
+                }
+                if (menus.success) {
+                    messages.push(`菜单缓存: ${menus.count} 个`);
+                }
+                if (roles.success) {
+                    messages.push(`角色缓存: ${roles.count} 个`);
+                }
+
+                TinyMessage.success({
+                    message: `缓存刷新成功！${messages.join('，')}`,
+                    duration: 3000
+                });
+            } else {
+                TinyMessage.warning({
+                    message: result.msg || '部分缓存刷新失败',
+                    duration: 3000
+                });
+            }
+        } catch (error) {
+            console.error('刷新缓存失败:', error);
+            TinyMessage.error({
+                message: '刷新缓存失败，请稍后重试',
+                duration: 3000
+            });
+        } finally {
+            $Data.refreshing = false;
+        }
+    },
+
+    // 格式化时间
+    formatTime(timestamp) {
+        if (!timestamp) return '';
+        const date = new Date(Number(timestamp));
+        const now = new Date();
+        const diff = now - date;
+
+        // 小于1分钟
+        if (diff < 60000) {
+            return '刚刚';
+        }
+        // 小于1小时
+        if (diff < 3600000) {
+            return `${Math.floor(diff / 60000)}分钟前`;
+        }
+        // 小于24小时
+        if (diff < 86400000) {
+            return `${Math.floor(diff / 3600000)}小时前`;
+        }
+        // 小于7天
+        if (diff < 604800000) {
+            return `${Math.floor(diff / 86400000)}天前`;
+        }
+        // 超过7天显示具体日期
+        return `${date.getMonth() + 1}月${date.getDate()}日`;
     }
-    // 超过7天显示具体日期
-    return `${date.getMonth() + 1}月${date.getDate()}日`;
 };
 
-fetchData();
+// 初始化
+$Method.fetchData();
 </script>
 
 <style scoped lang="scss">
@@ -132,5 +190,13 @@ fetchData();
             }
         }
     }
+
+    .user-actions {
+        margin-top: 16px;
+        padding-top: 12px;
+        border-top: 1px solid $border-color;
+        display: flex;
+        justify-content: center;
+    }
 }
 </style>