From eae3a0c6d46994164c7d449fac733c6cbaf7a9cf Mon Sep 17 00:00:00 2001
From: Mickey wu <mickeywaugh@qq.com>
Date: Sun, 24 May 2026 17:25:00 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E6=A0=B9=E6=8D=AEIDE=E7=9A=84=E5=BB=BA?=
 =?UTF-8?q?=E8=AE=AE=EF=BC=8C=E8=B0=83=E6=95=B4definePage=20=E5=AE=8F?=
 =?UTF-8?q?=E5=AF=BC=E5=85=A5=E9=A1=BA=E5=BA=8F=EF=BC=8C=E6=94=BE=E5=9C=A8?=
 =?UTF-8?q?import=E5=90=8E=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/index/index.vue                   |   12 +-
 src/pages/login/index.vue                   |    9 +-
 src/pages/mine/index.vue                    | 1397 +++++++++----------
 src/pages/mine/official/index.vue           |    6 +-
 src/pages/mine/settings/agreement/index.vue |   10 +-
 src/pages/mine/settings/index.vue           |  357 +++--
 src/pages/mine/settings/network/index.vue   |    4 +-
 src/pages/mine/settings/privacy/index.vue   |   10 +-
 src/pages/mine/settings/theme/index.vue     |  330 +++--
 src/pages/webview/index.vue                 |    8 +-
 src/pages/work/config/index.vue             |  317 ++---
 src/pages/work/dept/index.vue               |   10 +-
 src/pages/work/dict/index.vue               |  343 +++--
 src/pages/work/dict/item/index.vue          |  355 +++--
 src/pages/work/index.vue                    |   67 +-
 src/pages/work/log/index.vue                |  150 +-
 src/pages/work/menu/index.vue               |  536 ++++---
 src/pages/work/monitor/index.vue            |    5 +-
 src/pages/work/notice/index.vue             |  614 ++++----
 src/pages/work/role/assign-perm.vue         |  391 +++---
 src/pages/work/role/index.vue               |  435 +++---
 src/pages/work/user/index.vue               |  772 +++++-----
 22 files changed, 2902 insertions(+), 3236 deletions(-)

diff --git a/src/pages/index/index.vue b/src/pages/index/index.vue
index 7453ba3..58a6a5d 100644
--- a/src/pages/index/index.vue
+++ b/src/pages/index/index.vue
@@ -92,11 +92,7 @@
 </template>
 
 <script setup lang="ts">
-definePage({
-  name: "home",
-  style: { navigationStyle: "custom" },
-  layout: "tabbar",
-});
+
 
 import { computed, ref } from "vue";
 import dayjs from "dayjs";
@@ -109,6 +105,12 @@ import { hasPermission } from "@/utils/permission";
 import LogAPI, { type VisitOverview, type VisitTrend } from "@/api/log";
 import NoticeAPI, { type NoticeItem } from "@/api/notice";
 
+  definePage({
+    name: "home",
+    style: { navigationStyle: "custom" },
+    layout: "tabbar",
+  });
+
 interface NavItem {
   icon: string;
   title: string;
diff --git a/src/pages/login/index.vue b/src/pages/login/index.vue
index 30ff52c..d0182f7 100644
--- a/src/pages/login/index.vue
+++ b/src/pages/login/index.vue
@@ -258,10 +258,6 @@
 </template>
 
 <script lang="ts" setup>
-definePage({
-  name: "login",
-  style: { navigationStyle: "custom", navigationBarTitleText: "" },
-});
 
 import { onLoad, onShow } from "@dcloudio/uni-app";
 import { useToast, useDialog } from "@wot-ui/ui";
@@ -271,6 +267,11 @@ import { useUserStore } from "@/store/modules/user";
 import { useCountdown } from "@/composables/useCountdown";
 import AuthAPI from "@/api/auth";
 
+  definePage({
+    name: "login",
+    style: { navigationStyle: "custom", navigationBarTitleText: "" },
+  });
+
 const toast = useToast();
 const dialog = useDialog("policy-box");
 const userStore = useUserStore();
diff --git a/src/pages/mine/index.vue b/src/pages/mine/index.vue
index 7e0b1ae..744d4ba 100644
--- a/src/pages/mine/index.vue
+++ b/src/pages/mine/index.vue
@@ -4,13 +4,8 @@
       <!-- 蓝色背景 -->
       <view class="mine-hero__bg" :style="{ background: headerBackground }" />
 
-      <custom-navbar
-        bg-color="transparent"
-        title-color="var(--color-text-inverse)"
-        icon-color="var(--color-text-inverse)"
-        :show-back="false"
-        :placeholder="false"
-      >
+      <custom-navbar bg-color="transparent" title-color="var(--color-text-inverse)" icon-color="var(--color-text-inverse)" :show-back="false"
+        :placeholder="false">
         <template #center>
           <text class="mine-navbar__title">个人中心</text>
         </template>
@@ -20,12 +15,8 @@
         <view class="profile-card">
           <view class="profile-card__header">
             <view class="profile-card__left" @click="isLogin ? openProfile() : navigateToLogin()">
-              <image
-                class="profile-card__avatar"
-                :src="isLogin && userInfo?.avatar ? userInfo.avatar : defaultAvatar"
-                mode="aspectFill"
-                lazy-load
-              />
+              <image class="profile-card__avatar" :src="isLogin && userInfo?.avatar ? userInfo.avatar : defaultAvatar" mode="aspectFill"
+                lazy-load />
               <view v-if="isLogin" class="profile-card__online-dot" />
             </view>
 
@@ -42,11 +33,7 @@
                   <text>{{ isLogin ? userInfo?.username || "未设置账号" : "快捷登录" }}</text>
                 </view>
                 <view class="profile-tag">
-                  <wd-icon
-                    :name="isLogin && deptNameText ? 'home' : 'safe'"
-                    size="12"
-                    color="var(--color-text-inverse)"
-                  />
+                  <wd-icon :name="isLogin && deptNameText ? 'home' : 'safe'" size="12" color="var(--color-text-inverse)" />
                   <text>{{ isLogin && deptNameText ? deptNameText : "安全可靠" }}</text>
                 </view>
               </view>
@@ -55,11 +42,7 @@
             </view>
 
             <view v-if="isLogin" class="profile-card__actions">
-              <view
-                class="profile-card__action-btn"
-                aria-label="通知"
-                @click.stop="openNotifications"
-              >
+              <view class="profile-card__action-btn" aria-label="通知" @click.stop="openNotifications">
                 <wd-icon name="notification" size="16" color="var(--color-text-inverse)" />
               </view>
             </view>
@@ -74,11 +57,7 @@
 
         <!-- 官方社区推广区域 -->
         <view class="community-card" @click="openOfficialAccount">
-          <image
-            class="community-card__bg"
-            src="/static/images/official-bg.png"
-            mode="aspectFill"
-          />
+          <image class="community-card__bg" src="/static/images/official-bg.png" mode="aspectFill" />
           <view class="community-card__mask" />
           <view class="community-card__logo">
             <image src="/static/logo.png" mode="aspectFit" class="w-full h-full" />
@@ -184,748 +163,742 @@
       </view>
     </view>
 
-    <wd-loading
-      v-if="isClearing"
-      v-model="isClearing"
-      text="正在清理..."
-      mask
-      custom-class="loading-center"
-    />
+    <wd-loading v-if="isClearing" v-model="isClearing" text="正在清理..." mask custom-class="loading-center" />
     <wd-toast />
   </view>
 </template>
 
 <script lang="ts" setup>
-definePage({
-  name: "mine",
-  style: { navigationStyle: "custom" },
-  layout: "tabbar",
-});
 
-import { computed, ref } from "vue";
-import { onShow } from "@dcloudio/uni-app";
-import { useToast, useDialog } from "@wot-ui/ui";
-import { useUserStore, useThemeStore } from "@/store";
-import { useRouter } from "uni-mini-router";
-import { useNavbar } from "@/composables/useNavbar";
-import { getAccessToken } from "@/utils/auth";
-import { formatBytes } from "@/utils/format";
+  import { computed, ref } from "vue";
+  import { onShow } from "@dcloudio/uni-app";
+  import { useToast, useDialog } from "@wot-ui/ui";
+  import { useUserStore, useThemeStore } from "@/store";
+  import { useRouter } from "uni-mini-router";
+  import { useNavbar } from "@/composables/useNavbar";
+  import { getAccessToken } from "@/utils/auth";
+  import { formatBytes } from "@/utils/format";
 
-const toast = useToast();
+  definePage({
+    name: "mine",
+    style: { navigationStyle: "custom" },
+    layout: "tabbar",
+  });
+
+  const toast = useToast();
   const { confirm } = useDialog();
 
-const userStore = useUserStore();
-const themeStore = useThemeStore();
-const currentThemeColor = computed(() => themeStore.themeVars.colorTheme);
-const userInfo = computed(() => userStore.userInfo);
-const defaultAvatar = "/static/images/default-avatar.png";
+  const userStore = useUserStore();
+  const themeStore = useThemeStore();
+  const currentThemeColor = computed(() => themeStore.themeVars.colorTheme);
+  const userInfo = computed(() => userStore.userInfo);
+  const defaultAvatar = "/static/images/default-avatar.png";
 
-const isLogin = computed(() => !!getAccessToken());
+  const isLogin = computed(() => !!getAccessToken());
 
-const headerBackground = computed(() => {
-  const color = currentThemeColor.value || "var(--color-primary)";
-  const colorWithAlpha = color.length === 7 ? `${color}E6` : color;
-  const colorWithAlpha2 = color.length === 7 ? `${color}CC` : color;
-  return `linear-gradient(135deg, ${colorWithAlpha} 0%, ${colorWithAlpha2} 100%)`;
-});
-
-const router = useRouter();
-const appVersion = ref("1.0.0");
-const navbar = useNavbar({ hasTabbar: true });
-
-const hasUserProfile = computed(() => {
-  const info = userInfo.value;
-  return !!(info && (info.userId || info.username || info.nickname));
-});
-
-const deptNameText = computed(() => {
-  if (!isLogin.value) return "";
-  return userInfo.value?.deptName || "";
-});
-
-
-
-const fetchUserInfoIfNeeded = async () => {
-  if (!isLogin.value || hasUserProfile.value) return;
-  try {
-    await userStore.getInfo();
-  } catch {
-    // ignore
-  }
-};
-
-const syncMiniProgramVersion = () => {
-  // #ifdef MP-WEIXIN
-  appVersion.value = uni.getAccountInfoSync().miniProgram.version || "1.0.0";
-  // #endif
-};
-
-onShow(async () => {
-  await fetchUserInfoIfNeeded();
-  await fetchCacheSize();
-  syncMiniProgramVersion();
-});
-
-// 登录
-const navigateToLogin = () => {
-  const pages = getCurrentPages();
-  const currentPage = pages[pages.length - 1];
-  const currentPagePath = `/${currentPage.route}`;
-  router.push({ path: "/pages/login/index", query: { redirect: currentPagePath } });
-};
-
-// 个人信息
-const openProfile = () => {
-  if (!isLogin.value) {
-    navigateToLogin();
-    return;
-  }
-  router.push({ path: "/pages/mine/profile/index" });
-};
-
-// 账号和安全
-const openAccount = () => {
-  if (!isLogin.value) {
-    navigateToLogin();
-    return;
-  }
-  router.push({ path: "/pages/mine/account/index" });
-};
-
-const openNotifications = () => {
-  if (!isLogin.value) {
-    navigateToLogin();
-    return;
-  }
-  uni.showToast({
-    title: "功能开发中",
-    icon: "none",
+  const headerBackground = computed(() => {
+    const color = currentThemeColor.value || "var(--color-primary)";
+    const colorWithAlpha = color.length === 7 ? `${color}E6` : color;
+    const colorWithAlpha2 = color.length === 7 ? `${color}CC` : color;
+    return `linear-gradient(135deg, ${colorWithAlpha} 0%, ${colorWithAlpha2} 100%)`;
   });
-};
 
-// 主题设置
-const openThemeSettings = () => {
-  router.push({ path: "/pages/mine/settings/theme/index" });
-};
+  const router = useRouter();
+  const appVersion = ref("1.0.0");
+  const navbar = useNavbar({ hasTabbar: true });
 
-// 系统设置
-const openSettings = () => {
-  router.push({ path: "/pages/mine/settings/index" });
-};
+  const hasUserProfile = computed(() => {
+    const info = userInfo.value;
+    return !!(info && (info.userId || info.username || info.nickname));
+  });
 
-// 用户协议
-const openUserAgreement = () => {
-  router.push({ path: "/pages/mine/settings/agreement/index" });
-};
+  const deptNameText = computed(() => {
+    if (!isLogin.value) return "";
+    return userInfo.value?.deptName || "";
+  });
 
-// 网络测试
-const openNetworkTest = () => {
-  router.push({ path: "/pages/mine/settings/network/index" });
-};
 
-const openAbout = () => {
-  router.push({ path: "/pages/mine/about/index" });
-};
 
-const isClearing = ref(false);
-const cacheSize = ref<string>("计算中...");
-
-const fetchCacheSize = async () => {
-  try {
-    // #ifdef MP-WEIXIN
-    const res = await uni.getStorageInfo();
-    cacheSize.value = formatBytes(res.currentSize);
-    // #endif
-    // #ifdef H5
-    cacheSize.value = formatBytes(
-      Object.keys(localStorage).reduce((size, key) => size + localStorage[key].length, 0)
-    );
-    // #endif
-    if (!cacheSize.value) {
-      cacheSize.value = "0B";
+  const fetchUserInfoIfNeeded = async () => {
+    if (!isLogin.value || hasUserProfile.value) return;
+    try {
+      await userStore.getInfo();
+    } catch {
+      // ignore
     }
-  } catch {
-    cacheSize.value = "获取失败";
-  }
-};
+  };
 
-const handleClearCache = async () => {
-  if (cacheSize.value === "获取失败") {
-    uni.showToast({
-      title: "获取缓存信息失败，请稍后重试",
-      icon: "none",
-      duration: 2000,
-    });
-    return;
-  }
-  if (cacheSize.value === "0B") {
-    uni.showToast({
-      title: "暂无缓存需要清理",
-      icon: "none",
-      duration: 2000,
-    });
-    return;
-  }
-  if (isClearing.value) {
-    return;
-  }
+  const syncMiniProgramVersion = () => {
+    // #ifdef MP-WEIXIN
+    appVersion.value = uni.getAccountInfoSync().miniProgram.version || "1.0.0";
+    // #endif
+  };
 
-  try {
-    isClearing.value = true;
-    await new Promise((resolve) => setTimeout(resolve, 1500));
-    await uni.clearStorage();
+  onShow(async () => {
+    await fetchUserInfoIfNeeded();
     await fetchCacheSize();
-    uni.showToast({
-      title: "清理成功",
-      icon: "success",
-    });
-  } catch {
-    uni.showToast({
-      title: "清理失败",
-      icon: "error",
-    });
-  } finally {
-    isClearing.value = false;
-  }
-};
-
-const handleLogout = async () => {
-  try {
-    await confirm({
-      title: "提示",
-      msg: "确定要退出登录吗？",
-      headerImage: "warning",
-    });
-    userStore.logout();
-    toast.success("已退出登录");
-  } catch {
-    // 用户取消
-  }
-};
-
-// 有来技术公众号
-const openOfficialAccount = () => {
-  uni.navigateTo({
-    url: "/pages/mine/official/index",
+    syncMiniProgramVersion();
   });
-};
+
+  // 登录
+  const navigateToLogin = () => {
+    const pages = getCurrentPages();
+    const currentPage = pages[pages.length - 1];
+    const currentPagePath = `/${currentPage.route}`;
+    router.push({ path: "/pages/login/index", query: { redirect: currentPagePath } });
+  };
+
+  // 个人信息
+  const openProfile = () => {
+    if (!isLogin.value) {
+      navigateToLogin();
+      return;
+    }
+    router.push({ path: "/pages/mine/profile/index" });
+  };
+
+  // 账号和安全
+  const openAccount = () => {
+    if (!isLogin.value) {
+      navigateToLogin();
+      return;
+    }
+    router.push({ path: "/pages/mine/account/index" });
+  };
+
+  const openNotifications = () => {
+    if (!isLogin.value) {
+      navigateToLogin();
+      return;
+    }
+    uni.showToast({
+      title: "功能开发中",
+      icon: "none",
+    });
+  };
+
+  // 主题设置
+  const openThemeSettings = () => {
+    router.push({ path: "/pages/mine/settings/theme/index" });
+  };
+
+  // 系统设置
+  const openSettings = () => {
+    router.push({ path: "/pages/mine/settings/index" });
+  };
+
+  // 用户协议
+  const openUserAgreement = () => {
+    router.push({ path: "/pages/mine/settings/agreement/index" });
+  };
+
+  // 网络测试
+  const openNetworkTest = () => {
+    router.push({ path: "/pages/mine/settings/network/index" });
+  };
+
+  const openAbout = () => {
+    router.push({ path: "/pages/mine/about/index" });
+  };
+
+  const isClearing = ref(false);
+  const cacheSize = ref<string>("计算中...");
+
+  const fetchCacheSize = async () => {
+    try {
+      // #ifdef MP-WEIXIN
+      const res = await uni.getStorageInfo();
+      cacheSize.value = formatBytes(res.currentSize);
+      // #endif
+      // #ifdef H5
+      cacheSize.value = formatBytes(
+        Object.keys(localStorage).reduce((size, key) => size + localStorage[key].length, 0)
+      );
+      // #endif
+      if (!cacheSize.value) {
+        cacheSize.value = "0B";
+      }
+    } catch {
+      cacheSize.value = "获取失败";
+    }
+  };
+
+  const handleClearCache = async () => {
+    if (cacheSize.value === "获取失败") {
+      uni.showToast({
+        title: "获取缓存信息失败，请稍后重试",
+        icon: "none",
+        duration: 2000,
+      });
+      return;
+    }
+    if (cacheSize.value === "0B") {
+      uni.showToast({
+        title: "暂无缓存需要清理",
+        icon: "none",
+        duration: 2000,
+      });
+      return;
+    }
+    if (isClearing.value) {
+      return;
+    }
+
+    try {
+      isClearing.value = true;
+      await new Promise((resolve) => setTimeout(resolve, 1500));
+      await uni.clearStorage();
+      await fetchCacheSize();
+      uni.showToast({
+        title: "清理成功",
+        icon: "success",
+      });
+    } catch {
+      uni.showToast({
+        title: "清理失败",
+        icon: "error",
+      });
+    } finally {
+      isClearing.value = false;
+    }
+  };
+
+  const handleLogout = async () => {
+    try {
+      await confirm({
+        title: "提示",
+        msg: "确定要退出登录吗？",
+        headerImage: "warning",
+      });
+      userStore.logout();
+      toast.success("已退出登录");
+    } catch {
+      // 用户取消
+    }
+  };
+
+  // 有来技术公众号
+  const openOfficialAccount = () => {
+    uni.navigateTo({
+      url: "/pages/mine/official/index",
+    });
+  };
 </script>
 
 <style lang="scss" scoped>
-// ...
-.mine-hero {
-  position: relative;
-  padding-bottom: 24rpx;
-  overflow: visible;
-}
 
-.mine-hero__bg {
-  position: absolute;
-  top: 0;
-  right: 0;
-  left: 0;
-  height: 520rpx;
-  pointer-events: none;
-}
-
-.mine-hero__content,
-.profile-card,
-.profile-card__top,
-.profile-card__tags,
-.menu-row {
-  display: flex;
-}
-
-.mine-hero__content {
-  position: relative;
-  z-index: var(--z-sticky);
-  flex-direction: column;
-  gap: 20rpx;
-  padding: 20rpx 28rpx 0;
-}
-
-.mine-navbar__title {
-  font-size: 32rpx;
-  font-weight: 600;
-  color: var(--color-text-inverse);
-  letter-spacing: 2rpx;
-}
-
-.profile-tag {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-}
-
-.profile-card {
-  position: relative;
-  padding: 28rpx 28rpx;
-  overflow: hidden;
-  background: var(--color-bg-alpha-95);
-  border: 1rpx solid var(--color-border-glass);
-  border-radius: 28rpx;
-  box-shadow: var(--shadow-md);
-
-  @supports (backdrop-filter: blur(20px)) or (-webkit-backdrop-filter: blur(20px)) {
-    background: linear-gradient(135deg, var(--color-glass) 0%, var(--color-glass-light) 100%);
-    -webkit-backdrop-filter: blur(20px);
-    backdrop-filter: blur(20px);
+  // ...
+  .mine-hero {
+    position: relative;
+    padding-bottom: 24rpx;
+    overflow: visible;
   }
-}
 
-.profile-card__header {
-  display: flex;
-  gap: 28rpx;
-  align-items: center;
-  width: 100%;
-}
+  .mine-hero__bg {
+    position: absolute;
+    top: 0;
+    right: 0;
+    left: 0;
+    height: 520rpx;
+    pointer-events: none;
+  }
 
-.profile-card__left {
-  position: relative;
-  flex-shrink: 0;
-  width: 120rpx;
-  height: 120rpx;
-}
+  .mine-hero__content,
+  .profile-card,
+  .profile-card__top,
+  .profile-card__tags,
+  .menu-row {
+    display: flex;
+  }
 
-.profile-card__avatar {
-  flex-shrink: 0;
-  width: 120rpx;
-  height: 120rpx;
-  border: 3rpx solid var(--color-border-glass-strong);
-  border-radius: 50%;
-  box-shadow: var(--shadow-sm);
-}
+  .mine-hero__content {
+    position: relative;
+    z-index: var(--z-sticky);
+    flex-direction: column;
+    gap: 20rpx;
+    padding: 20rpx 28rpx 0;
+  }
 
-.profile-card__online-dot {
-  position: absolute;
-  right: -4rpx;
-  bottom: -4rpx;
-  width: 16rpx;
-  height: 16rpx;
-  background: var(--color-success);
-  border: 2rpx solid var(--color-bg);
-  border-radius: 50%;
-}
+  .mine-navbar__title {
+    font-size: 32rpx;
+    font-weight: 600;
+    color: var(--color-text-inverse);
+    letter-spacing: 2rpx;
+  }
 
-.profile-card__actions {
-  display: flex;
-  flex-shrink: 0;
-  gap: 10rpx;
-  align-items: center;
-  margin-right: -10rpx;
-  margin-left: auto;
-}
+  .profile-tag {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+  }
 
-.profile-card__action-btn {
-  position: relative;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 52rpx;
-  height: 52rpx;
-  background: var(--color-bg-alpha-95);
-  border: 1rpx solid var(--color-border-glass);
-  border-radius: 999rpx;
+  .profile-card {
+    position: relative;
+    padding: 28rpx 28rpx;
+    overflow: hidden;
+    background: var(--color-bg-alpha-95);
+    border: 1rpx solid var(--color-border-glass);
+    border-radius: 28rpx;
+    box-shadow: var(--shadow-md);
 
-  @supports (backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px)) {
+    @supports (backdrop-filter: blur(20px)) or (-webkit-backdrop-filter: blur(20px)) {
+      background: linear-gradient(135deg, var(--color-glass) 0%, var(--color-glass-light) 100%);
+      -webkit-backdrop-filter: blur(20px);
+      backdrop-filter: blur(20px);
+    }
+  }
+
+  .profile-card__header {
+    display: flex;
+    gap: 28rpx;
+    align-items: center;
+    width: 100%;
+  }
+
+  .profile-card__left {
+    position: relative;
+    flex-shrink: 0;
+    width: 120rpx;
+    height: 120rpx;
+  }
+
+  .profile-card__avatar {
+    flex-shrink: 0;
+    width: 120rpx;
+    height: 120rpx;
+    border: 3rpx solid var(--color-border-glass-strong);
+    border-radius: 50%;
+    box-shadow: var(--shadow-sm);
+  }
+
+  .profile-card__online-dot {
+    position: absolute;
+    right: -4rpx;
+    bottom: -4rpx;
+    width: 16rpx;
+    height: 16rpx;
+    background: var(--color-success);
+    border: 2rpx solid var(--color-bg);
+    border-radius: 50%;
+  }
+
+  .profile-card__actions {
+    display: flex;
+    flex-shrink: 0;
+    gap: 10rpx;
+    align-items: center;
+    margin-right: -10rpx;
+    margin-left: auto;
+  }
+
+  .profile-card__action-btn {
+    position: relative;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 52rpx;
+    height: 52rpx;
+    background: var(--color-bg-alpha-95);
+    border: 1rpx solid var(--color-border-glass);
+    border-radius: 999rpx;
+
+    @supports (backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px)) {
+      background: var(--color-glass-light);
+      -webkit-backdrop-filter: blur(10px);
+      backdrop-filter: blur(10px);
+    }
+  }
+
+  .profile-card__notify-badge {
+    position: absolute;
+    top: -8rpx;
+    right: -6rpx;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    min-width: 30rpx;
+    height: 30rpx;
+    padding: 0 8rpx;
+    font-size: 18rpx;
+    color: var(--color-text-inverse);
+    background: var(--color-danger);
+    border: 2rpx solid var(--color-border-glass-strong);
+    border-radius: 999rpx;
+  }
+
+
+
+  .profile-card__main {
+    flex: 1;
+    min-width: 0;
+  }
+
+  .profile-card__top {
+    gap: 16rpx;
+    align-items: center;
+    margin-bottom: 18rpx;
+  }
+
+  .profile-card__name {
+    flex: 1;
+    min-width: 0;
+    font-size: 38rpx;
+    font-weight: 700;
+    color: var(--color-text-inverse);
+  }
+
+  .profile-card__desc {
+    display: -webkit-box;
+    margin-top: 12rpx;
+    overflow: hidden;
+    font-size: 24rpx;
+    line-height: 1.6;
+    color: var(--color-text-inverse);
+    -webkit-line-clamp: 2;
+    line-clamp: 2;
+    -webkit-box-orient: vertical;
+  }
+
+  .profile-card__hint {
+    display: block;
+    margin-top: 14rpx;
+    font-size: 24rpx;
+    color: var(--color-text-inverse);
+  }
+
+  .profile-card__tags {
+    flex-wrap: wrap;
+    gap: 12rpx;
+  }
+
+  .profile-card__action {
+    flex-shrink: 0;
+    align-self: center;
+  }
+
+  .profile-tag {
+    gap: 8rpx;
+    padding: 8rpx 14rpx;
+    font-size: 22rpx;
+    color: var(--color-text-inverse);
     background: var(--color-glass-light);
-    -webkit-backdrop-filter: blur(10px);
-    backdrop-filter: blur(10px);
-  }
-}
-
-.profile-card__notify-badge {
-  position: absolute;
-  top: -8rpx;
-  right: -6rpx;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  min-width: 30rpx;
-  height: 30rpx;
-  padding: 0 8rpx;
-  font-size: 18rpx;
-  color: var(--color-text-inverse);
-  background: var(--color-danger);
-  border: 2rpx solid var(--color-border-glass-strong);
-  border-radius: 999rpx;
-}
-
-
-
-.profile-card__main {
-  flex: 1;
-  min-width: 0;
-}
-
-.profile-card__top {
-  gap: 16rpx;
-  align-items: center;
-  margin-bottom: 18rpx;
-}
-
-.profile-card__name {
-  flex: 1;
-  min-width: 0;
-  font-size: 38rpx;
-  font-weight: 700;
-  color: var(--color-text-inverse);
-}
-
-.profile-card__desc {
-  display: -webkit-box;
-  margin-top: 12rpx;
-  overflow: hidden;
-  font-size: 24rpx;
-  line-height: 1.6;
-  color: var(--color-text-inverse);
-  -webkit-line-clamp: 2;
-  line-clamp: 2;
-  -webkit-box-orient: vertical;
-}
-
-.profile-card__hint {
-  display: block;
-  margin-top: 14rpx;
-  font-size: 24rpx;
-  color: var(--color-text-inverse);
-}
-
-.profile-card__tags {
-  flex-wrap: wrap;
-  gap: 12rpx;
-}
-
-.profile-card__action {
-  flex-shrink: 0;
-  align-self: center;
-}
-
-.profile-tag {
-  gap: 8rpx;
-  padding: 8rpx 14rpx;
-  font-size: 22rpx;
-  color: var(--color-text-inverse);
-  background: var(--color-glass-light);
-  border: 1rpx solid var(--color-border-glass);
-  border-radius: 12rpx;
-}
-
-.quick-cards {
-  position: relative;
-  z-index: var(--z-sticky);
-  display: grid;
-  grid-template-columns: repeat(2, 1fr);
-  gap: 20rpx;
-  margin-top: 24rpx;
-  margin-bottom: 0;
-}
-
-.community-card {
-  position: relative;
-  display: flex;
-  gap: 24rpx;
-  align-items: center;
-  padding: 36rpx;
-  overflow: hidden;
-  background: transparent;
-  border-radius: 32rpx;
-  box-shadow: var(--shadow-md);
-}
-
-.community-card__bg {
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  z-index: var(--z-base);
-  width: 100%;
-  height: 100%;
-  pointer-events: none;
-  opacity: 1;
-}
-
-.community-card__mask {
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  z-index: var(--z-sticky);
-  background: linear-gradient(
-    90deg,
-    var(--color-glass) 0%,
-    var(--color-glass-light) 55%,
-    var(--color-glass) 100%
-  );
-}
-
-.community-card__logo {
-  position: relative;
-  box-sizing: border-box;
-  width: 84rpx;
-  height: 84rpx;
-  padding: 10rpx;
-  background: var(--color-bg-alpha-95);
-  border: 1rpx solid var(--color-border-glass);
-  border-radius: 20rpx;
-  box-shadow: var(--shadow-sm);
-}
-
-.community-card__body {
-  position: relative;
-  flex: 1;
-  min-width: 0;
-}
-
-.community-card__arrow {
-  position: relative;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 44rpx;
-  height: 44rpx;
-  background: var(--color-glass);
-  border-radius: 999rpx;
-}
-
-.community-card__title-row {
-  display: flex;
-  gap: 16rpx;
-  align-items: center;
-}
-
-.community-card__title {
-  display: block;
-  margin-top: 14rpx;
-  font-size: 32rpx;
-  font-weight: 600;
-  color: var(--color-text);
-  letter-spacing: 0.4rpx;
-}
-
-.community-card__tag {
-  margin-top: 14rpx;
-}
-
-.community-card__desc {
-  display: -webkit-box;
-  margin-top: 10rpx;
-  overflow: hidden;
-  font-size: 24rpx;
-  line-height: 1.55;
-  color: var(--color-text-secondary);
-  -webkit-line-clamp: 2;
-  line-clamp: 2;
-  -webkit-box-orient: vertical;
-}
-
-.section-card {
-  padding: 28rpx;
-  background: var(--color-bg);
-  border-radius: 32rpx;
-  box-shadow: var(--shadow-md);
-}
-
-.section-card + .section-card {
-  margin-top: 24rpx;
-}
-
-.section-title {
-  display: block;
-  margin-bottom: 18rpx;
-  font-size: 26rpx;
-  font-weight: 600;
-  color: var(--color-text);
-}
-
-.quick-card {
-  display: flex;
-  gap: 20rpx;
-  align-items: center;
-  padding: 28rpx 24rpx;
-  background: var(--color-bg);
-  border-radius: 24rpx;
-  box-shadow: var(--shadow-sm);
-}
-
-.quick-card:active {
-  box-shadow: var(--shadow-sm);
-  transform: scale(0.96);
-}
-
-.quick-card__icon {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 84rpx;
-  height: 84rpx;
-  border-radius: 22rpx;
-
-  &--info {
-    background: var(--color-primary-light);
+    border: 1rpx solid var(--color-border-glass);
+    border-radius: 12rpx;
   }
 
-  &--success {
-    background: var(--color-success-light);
-  }
-}
-
-.quick-card__body {
-  flex: 1;
-  min-width: 0;
-}
-
-.quick-card__title {
-  display: block;
-  overflow: hidden;
-  font-size: 28rpx;
-  font-weight: 500;
-  line-height: 1.35;
-  color: var(--color-text);
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.quick-card__desc {
-  display: block;
-  margin-top: 8rpx;
-  overflow: hidden;
-  font-size: 22rpx;
-  line-height: 1.6;
-  color: var(--color-text-secondary);
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.menu-row__icon {
-  display: flex;
-  flex-shrink: 0;
-  align-items: center;
-  justify-content: center;
-  width: 72rpx;
-  height: 72rpx;
-  border-radius: 22rpx;
-
-  &--primary {
-    background: var(--color-primary-alpha-15);
+  .quick-cards {
+    position: relative;
+    z-index: var(--z-sticky);
+    display: grid;
+    grid-template-columns: repeat(2, 1fr);
+    gap: 20rpx;
+    margin-top: 24rpx;
+    margin-bottom: 0;
   }
 
-  &--warning {
-    background: var(--color-primary-alpha-15);
+  .community-card {
+    position: relative;
+    display: flex;
+    gap: 24rpx;
+    align-items: center;
+    padding: 36rpx;
+    overflow: hidden;
+    background: transparent;
+    border-radius: 32rpx;
+    box-shadow: var(--shadow-md);
   }
 
-  &--danger {
-    background: var(--color-danger-light);
+  .community-card__bg {
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    z-index: var(--z-base);
+    width: 100%;
+    height: 100%;
+    pointer-events: none;
+    opacity: 1;
   }
 
-  &--success {
-    background: var(--color-success-light);
+  .community-card__mask {
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    z-index: var(--z-sticky);
+    background: linear-gradient(90deg,
+        var(--color-glass) 0%,
+        var(--color-glass-light) 55%,
+        var(--color-glass) 100%);
   }
 
-  &--info {
-    background: var(--color-info-light);
+  .community-card__logo {
+    position: relative;
+    box-sizing: border-box;
+    width: 84rpx;
+    height: 84rpx;
+    padding: 10rpx;
+    background: var(--color-bg-alpha-95);
+    border: 1rpx solid var(--color-border-glass);
+    border-radius: 20rpx;
+    box-shadow: var(--shadow-sm);
   }
-}
 
-.mine-body {
-  position: relative;
-  z-index: var(--z-base);
-  padding: 0 28rpx 40rpx;
-  margin-top: 0;
-  background: var(--color-bg-secondary);
-  border-top-left-radius: 48rpx;
-  border-top-right-radius: 48rpx;
-}
+  .community-card__body {
+    position: relative;
+    flex: 1;
+    min-width: 0;
+  }
 
-.menu-list {
-  padding: 0 28rpx;
-  margin-top: 24rpx;
-  overflow: hidden;
-  background: var(--color-bg);
-  border-radius: 32rpx;
-  box-shadow: var(--shadow-lg);
-}
+  .community-card__arrow {
+    position: relative;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 44rpx;
+    height: 44rpx;
+    background: var(--color-glass);
+    border-radius: 999rpx;
+  }
 
-.menu-list--flat {
-  padding: 0;
-  margin-top: 0;
-  background: transparent;
-  border-radius: 0;
-  box-shadow: none;
-}
+  .community-card__title-row {
+    display: flex;
+    gap: 16rpx;
+    align-items: center;
+  }
 
-.menu-row {
-  gap: 20rpx;
-  align-items: center;
-  padding: 24rpx 20rpx;
-  background: transparent;
-}
+  .community-card__title {
+    display: block;
+    margin-top: 14rpx;
+    font-size: 32rpx;
+    font-weight: 600;
+    color: var(--color-text);
+    letter-spacing: 0.4rpx;
+  }
 
-.menu-row + .menu-row {
-  border-top: 1rpx solid var(--color-border-light);
-}
+  .community-card__tag {
+    margin-top: 14rpx;
+  }
 
-.menu-row__main {
-  flex: 1;
-  min-width: 0;
-}
+  .community-card__desc {
+    display: -webkit-box;
+    margin-top: 10rpx;
+    overflow: hidden;
+    font-size: 24rpx;
+    line-height: 1.55;
+    color: var(--color-text-secondary);
+    -webkit-line-clamp: 2;
+    line-clamp: 2;
+    -webkit-box-orient: vertical;
+  }
 
-.menu-row__title {
-  display: block;
-  font-size: 26rpx;
-  font-weight: 500;
-  color: var(--color-text);
-}
+  .section-card {
+    padding: 28rpx;
+    background: var(--color-bg);
+    border-radius: 32rpx;
+    box-shadow: var(--shadow-md);
+  }
 
-.menu-row__desc {
-  display: block;
-  margin-top: 8rpx;
-  font-size: 22rpx;
-  color: var(--color-text-secondary);
-}
+  .section-card+.section-card {
+    margin-top: 24rpx;
+  }
 
-.menu-row__value {
-  margin-left: 12rpx;
-  font-size: 22rpx;
-  color: var(--color-text-placeholder);
-}
+  .section-title {
+    display: block;
+    margin-bottom: 18rpx;
+    font-size: 26rpx;
+    font-weight: 600;
+    color: var(--color-text);
+  }
 
-.logout-section {
-  display: flex;
-  padding: 36rpx 28rpx 0;
-}
+  .quick-card {
+    display: flex;
+    gap: 20rpx;
+    align-items: center;
+    padding: 28rpx 24rpx;
+    background: var(--color-bg);
+    border-radius: 24rpx;
+    box-shadow: var(--shadow-sm);
+  }
 
-.profile-card__button {
-  flex-shrink: 0;
-  min-width: 156rpx;
-  height: 72rpx;
-  padding: 0 24rpx;
-  font-size: 24rpx;
-  font-weight: 600;
-  border: 0;
-  border-radius: 999rpx;
-}
+  .quick-card:active {
+    box-shadow: var(--shadow-sm);
+    transform: scale(0.96);
+  }
 
-.logout-btn {
-  flex: 1;
-  width: auto;
-  height: 88rpx;
-  font-size: 28rpx;
-  color: var(--color-danger);
-  background: var(--color-bg);
-  border: 1rpx solid rgba(239, 68, 68, 0.18);
-  border-radius: 24rpx;
-  box-shadow: var(--shadow-md);
-}
+  .quick-card__icon {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 84rpx;
+    height: 84rpx;
+    border-radius: 22rpx;
 
-.loading-center {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  background: rgba(15, 23, 42, 0.72);
-  border-radius: 24rpx;
-}
+    &--info {
+      background: var(--color-primary-light);
+    }
+
+    &--success {
+      background: var(--color-success-light);
+    }
+  }
+
+  .quick-card__body {
+    flex: 1;
+    min-width: 0;
+  }
+
+  .quick-card__title {
+    display: block;
+    overflow: hidden;
+    font-size: 28rpx;
+    font-weight: 500;
+    line-height: 1.35;
+    color: var(--color-text);
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  .quick-card__desc {
+    display: block;
+    margin-top: 8rpx;
+    overflow: hidden;
+    font-size: 22rpx;
+    line-height: 1.6;
+    color: var(--color-text-secondary);
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  .menu-row__icon {
+    display: flex;
+    flex-shrink: 0;
+    align-items: center;
+    justify-content: center;
+    width: 72rpx;
+    height: 72rpx;
+    border-radius: 22rpx;
+
+    &--primary {
+      background: var(--color-primary-alpha-15);
+    }
+
+    &--warning {
+      background: var(--color-primary-alpha-15);
+    }
+
+    &--danger {
+      background: var(--color-danger-light);
+    }
+
+    &--success {
+      background: var(--color-success-light);
+    }
+
+    &--info {
+      background: var(--color-info-light);
+    }
+  }
+
+  .mine-body {
+    position: relative;
+    z-index: var(--z-base);
+    padding: 0 28rpx 40rpx;
+    margin-top: 0;
+    background: var(--color-bg-secondary);
+    border-top-left-radius: 48rpx;
+    border-top-right-radius: 48rpx;
+  }
+
+  .menu-list {
+    padding: 0 28rpx;
+    margin-top: 24rpx;
+    overflow: hidden;
+    background: var(--color-bg);
+    border-radius: 32rpx;
+    box-shadow: var(--shadow-lg);
+  }
+
+  .menu-list--flat {
+    padding: 0;
+    margin-top: 0;
+    background: transparent;
+    border-radius: 0;
+    box-shadow: none;
+  }
+
+  .menu-row {
+    gap: 20rpx;
+    align-items: center;
+    padding: 24rpx 20rpx;
+    background: transparent;
+  }
+
+  .menu-row+.menu-row {
+    border-top: 1rpx solid var(--color-border-light);
+  }
+
+  .menu-row__main {
+    flex: 1;
+    min-width: 0;
+  }
+
+  .menu-row__title {
+    display: block;
+    font-size: 26rpx;
+    font-weight: 500;
+    color: var(--color-text);
+  }
+
+  .menu-row__desc {
+    display: block;
+    margin-top: 8rpx;
+    font-size: 22rpx;
+    color: var(--color-text-secondary);
+  }
+
+  .menu-row__value {
+    margin-left: 12rpx;
+    font-size: 22rpx;
+    color: var(--color-text-placeholder);
+  }
+
+  .logout-section {
+    display: flex;
+    padding: 36rpx 28rpx 0;
+  }
+
+  .profile-card__button {
+    flex-shrink: 0;
+    min-width: 156rpx;
+    height: 72rpx;
+    padding: 0 24rpx;
+    font-size: 24rpx;
+    font-weight: 600;
+    border: 0;
+    border-radius: 999rpx;
+  }
+
+  .logout-btn {
+    flex: 1;
+    width: auto;
+    height: 88rpx;
+    font-size: 28rpx;
+    color: var(--color-danger);
+    background: var(--color-bg);
+    border: 1rpx solid rgba(239, 68, 68, 0.18);
+    border-radius: 24rpx;
+    box-shadow: var(--shadow-md);
+  }
+
+  .loading-center {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    background: rgba(15, 23, 42, 0.72);
+    border-radius: 24rpx;
+  }
 </style>
diff --git a/src/pages/mine/official/index.vue b/src/pages/mine/official/index.vue
index 1f495ef..8fc8a2e 100644
--- a/src/pages/mine/official/index.vue
+++ b/src/pages/mine/official/index.vue
@@ -21,13 +21,15 @@
 </template>
 
 <script lang="ts" setup>
+
+
+  import { onLoad } from "@dcloudio/uni-app";
+
 definePage({
   name: "official",
   style: { navigationBarTitleText: "公众号" },
 });
 
-import { onLoad } from "@dcloudio/uni-app";
-
 onLoad(() => {
   uni.setNavigationBarTitle({ title: "公众号" });
 });
diff --git a/src/pages/mine/settings/agreement/index.vue b/src/pages/mine/settings/agreement/index.vue
index fe1e35f..c82af70 100644
--- a/src/pages/mine/settings/agreement/index.vue
+++ b/src/pages/mine/settings/agreement/index.vue
@@ -20,10 +20,7 @@
 </template>
 
 <script lang="ts" setup>
-definePage({
-  name: "theme",
-  style: { navigationBarTitleText: "用户协议" },
-});
+
 
 const activeNames = ref(["0"]); // 默认展开第一项
 
@@ -60,6 +57,11 @@ const agreementContent = [
   },
 ];
 
+  definePage({
+    name: "theme",
+    style: { navigationBarTitleText: "用户协议" },
+  });
+
 // 同意协议
 const handleAgree = () => {
   uni.showToast({
diff --git a/src/pages/mine/settings/index.vue b/src/pages/mine/settings/index.vue
index 5b4b966..da0e5cb 100644
--- a/src/pages/mine/settings/index.vue
+++ b/src/pages/mine/settings/index.vue
@@ -11,13 +11,7 @@
     <view class="settings-group-wrap">
       <wd-cell-group custom-style="margin-top:24rpx">
         <wd-cell title="网络测试" icon="wifi" is-link @click="navigateToNetworkTest" />
-        <wd-cell
-          title="清空缓存"
-          icon="delete"
-          :value="cacheSize"
-          clickable
-          @click="handleClearCache"
-        />
+        <wd-cell title="清空缓存" icon="delete" :value="cacheSize" clickable @click="handleClearCache" />
       </wd-cell-group>
     </view>
 
@@ -27,207 +21,202 @@
       </wd-button>
     </view>
 
-    <wd-loading
-      v-if="isClearing"
-      v-model="isClearing"
-      text="正在清理..."
-      mask
-      custom-class="loading-center"
-    />
+    <wd-loading v-if="isClearing" v-model="isClearing" text="正在清理..." mask custom-class="loading-center" />
   </view>
 </template>
 
 <script lang="ts" setup>
-definePage({
-  name: "settings",
-  style: { navigationBarTitleText: "设置" },
-});
 
-import { useUserStore } from "@/store";
-import { onLoad } from "@dcloudio/uni-app";
-import { useToast } from "@wot-ui/ui";
+  import { useUserStore } from "@/store";
+  import { onLoad } from "@dcloudio/uni-app";
+  import { useToast } from "@wot-ui/ui";
 
-const userStore = useUserStore();
-const toast = useToast();
-const isLogin = computed(() => !!userStore.userInfo);
-
-// 主题设置
-const navigateToTheme = () => {
-  uni.navigateTo({
-    url: "/pages/mine/settings/theme/index",
+  definePage({
+    name: "settings",
+    style: { navigationBarTitleText: "设置" },
   });
-};
 
-// 用户协议
-const navigateToUserAgreement = () => {
-  uni.navigateTo({
-    url: "/pages/mine/settings/agreement/index",
-  });
-};
+  const userStore = useUserStore();
+  const toast = useToast();
+  const isLogin = computed(() => !!userStore.userInfo);
 
-// 关于我们
-const navigateToAbout = () => {
-  uni.navigateTo({
-    url: "/pages/mine/about/index",
-  });
-};
-
-// 网络测试
-const navigateToNetworkTest = () => {
-  uni.navigateTo({ url: "/pages/mine/settings/network/index" });
-};
-
-// 是否正在清理
-const isClearing = ref(false);
-// 缓存大小
-const cacheSize = ref<string>("计算中...");
-// 获取缓存大小
-const getCacheSize = async () => {
-  try {
-    // #ifdef MP-WEIXIN
-    const res = await uni.getStorageInfo();
-    cacheSize.value = formatSize(res.currentSize);
-    // #endif
-    // #ifdef H5
-    cacheSize.value = formatSize(
-      Object.keys(localStorage).reduce((size, key) => size + localStorage[key].length, 0)
-    );
-    // #endif
-    if (!cacheSize.value) {
-      cacheSize.value = "0B";
-    }
-  } catch {
-    cacheSize.value = "获取失败";
-  }
-};
-
-// 格式化存储大小
-const formatSize = (size: number) => {
-  if (size < 1024) {
-    return size + "B";
-  } else if (size < 1024 * 1024) {
-    return (size / 1024).toFixed(2) + "KB";
-  } else {
-    return (size / 1024 / 1024).toFixed(2) + "MB";
-  }
-};
-
-// 处理清除缓存
-const handleClearCache = async () => {
-  if (cacheSize.value === "获取失败") {
-    uni.showToast({
-      title: "获取缓存信息失败，请稍后重试",
-      icon: "none",
-      duration: 2000,
+  // 主题设置
+  const navigateToTheme = () => {
+    uni.navigateTo({
+      url: "/pages/mine/settings/theme/index",
     });
-    return;
-  }
-  if (cacheSize.value === "0B") {
-    uni.showToast({
-      title: "暂无缓存需要清理",
-      icon: "none",
-      duration: 2000,
-    });
-    return;
-  }
-  if (isClearing.value) {
-    return;
-  }
+  };
 
-  try {
-    isClearing.value = true;
-    // 模拟清理过程
-    await new Promise((resolve) => setTimeout(resolve, 1500));
-    // 清除缓存
-    await uni.clearStorage();
-    // 更新缓存大小显示
-    await getCacheSize();
-    // 提示清理成功
-    uni.showToast({
-      title: "清理成功",
-      icon: "success",
+  // 用户协议
+  const navigateToUserAgreement = () => {
+    uni.navigateTo({
+      url: "/pages/mine/settings/agreement/index",
     });
-  } catch {
-    uni.showToast({
-      title: "清理失败",
-      icon: "error",
-    });
-  } finally {
-    isClearing.value = false;
-  }
-};
+  };
 
-// 退出登录
-const handleLogout = () => {
-  uni.showModal({
-    title: "提示",
-    content: "确定要退出登录吗？",
-    confirmColor: "#ff4757",
-    success: (res) => {
-      if (res.confirm) {
-        userStore.logout();
-        toast.success("已退出登录");
-        setTimeout(() => {
-          uni.reLaunch({ url: "/pages/mine/index" });
-        }, 800);
+  // 关于我们
+  const navigateToAbout = () => {
+    uni.navigateTo({
+      url: "/pages/mine/about/index",
+    });
+  };
+
+  // 网络测试
+  const navigateToNetworkTest = () => {
+    uni.navigateTo({ url: "/pages/mine/settings/network/index" });
+  };
+
+  // 是否正在清理
+  const isClearing = ref(false);
+  // 缓存大小
+  const cacheSize = ref<string>("计算中...");
+  // 获取缓存大小
+  const getCacheSize = async () => {
+    try {
+      // #ifdef MP-WEIXIN
+      const res = await uni.getStorageInfo();
+      cacheSize.value = formatSize(res.currentSize);
+      // #endif
+      // #ifdef H5
+      cacheSize.value = formatSize(
+        Object.keys(localStorage).reduce((size, key) => size + localStorage[key].length, 0)
+      );
+      // #endif
+      if (!cacheSize.value) {
+        cacheSize.value = "0B";
       }
-    },
-  });
-};
+    } catch {
+      cacheSize.value = "获取失败";
+    }
+  };
 
-// 检查登录状态
-onLoad(() => {
-  getCacheSize();
-});
+  // 格式化存储大小
+  const formatSize = (size: number) => {
+    if (size < 1024) {
+      return size + "B";
+    } else if (size < 1024 * 1024) {
+      return (size / 1024).toFixed(2) + "KB";
+    } else {
+      return (size / 1024 / 1024).toFixed(2) + "MB";
+    }
+  };
+
+  // 处理清除缓存
+  const handleClearCache = async () => {
+    if (cacheSize.value === "获取失败") {
+      uni.showToast({
+        title: "获取缓存信息失败，请稍后重试",
+        icon: "none",
+        duration: 2000,
+      });
+      return;
+    }
+    if (cacheSize.value === "0B") {
+      uni.showToast({
+        title: "暂无缓存需要清理",
+        icon: "none",
+        duration: 2000,
+      });
+      return;
+    }
+    if (isClearing.value) {
+      return;
+    }
+
+    try {
+      isClearing.value = true;
+      // 模拟清理过程
+      await new Promise((resolve) => setTimeout(resolve, 1500));
+      // 清除缓存
+      await uni.clearStorage();
+      // 更新缓存大小显示
+      await getCacheSize();
+      // 提示清理成功
+      uni.showToast({
+        title: "清理成功",
+        icon: "success",
+      });
+    } catch {
+      uni.showToast({
+        title: "清理失败",
+        icon: "error",
+      });
+    } finally {
+      isClearing.value = false;
+    }
+  };
+
+  // 退出登录
+  const handleLogout = () => {
+    uni.showModal({
+      title: "提示",
+      content: "确定要退出登录吗？",
+      confirmColor: "#ff4757",
+      success: (res) => {
+        if (res.confirm) {
+          userStore.logout();
+          toast.success("已退出登录");
+          setTimeout(() => {
+            uni.reLaunch({ url: "/pages/mine/index" });
+          }, 800);
+        }
+      },
+    });
+  };
+
+  // 检查登录状态
+  onLoad(() => {
+    getCacheSize();
+  });
 </script>
 
 <style lang="scss" scoped>
-.logout-section {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  margin-top: 60rpx;
-}
+  .logout-section {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin-top: 60rpx;
+  }
 
-.settings-page {
-  padding: 24rpx;
-}
+  .settings-page {
+    padding: 24rpx;
+  }
 
-.settings-group-wrap {
-  margin-bottom: 24rpx;
-}
+  .settings-group-wrap {
+    margin-bottom: 24rpx;
+  }
 
-.logout-section {
-  margin-top: 48rpx;
-}
+  .logout-section {
+    margin-top: 48rpx;
+  }
 
-:deep(.wd-cell:active) {
-  background-color: var(--color-bg-tertiary) !important;
-}
+  :deep(.wd-cell:active) {
+    background-color: var(--color-bg-tertiary) !important;
+  }
 
-:deep(.logout-btn) {
-  height: 88rpx;
-  font-size: 32rpx;
-  font-weight: 500;
-  border-radius: 24rpx;
-}
+  :deep(.logout-btn) {
+    height: 88rpx;
+    font-size: 32rpx;
+    font-weight: 500;
+    border-radius: 24rpx;
+  }
 
-.loading-center {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  background-color: rgba(0, 0, 0, 0.6);
-  border-radius: 12rpx;
-}
+  .loading-center {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    background-color: rgba(0, 0, 0, 0.6);
+    border-radius: 12rpx;
+  }
 
-.loading-center :deep(.wd-loading__spinner) {
-  margin: 0 auto;
-}
+  .loading-center :deep(.wd-loading__spinner) {
+    margin: 0 auto;
+  }
 
-.loading-center :deep(.wd-loading__text) {
-  margin-top: 20rpx;
-  color: var(--color-text-inverse);
-  text-align: center;
-}
+  .loading-center :deep(.wd-loading__text) {
+    margin-top: 20rpx;
+    color: var(--color-text-inverse);
+    text-align: center;
+  }
 </style>
diff --git a/src/pages/mine/settings/network/index.vue b/src/pages/mine/settings/network/index.vue
index 4bf52de..0df2b82 100644
--- a/src/pages/mine/settings/network/index.vue
+++ b/src/pages/mine/settings/network/index.vue
@@ -32,12 +32,14 @@
 </template>
 
 <script lang="ts" setup>
+
+import { onLoad } from "@dcloudio/uni-app";
+
 definePage({
   name: "network",
   style: { navigationBarTitleText: "网络测试" },
 });
 
-import { onLoad } from "@dcloudio/uni-app";
 
 const result = ref<number | null>(null);
 const isTesting = ref(false);
diff --git a/src/pages/mine/settings/privacy/index.vue b/src/pages/mine/settings/privacy/index.vue
index 595e147..e7043ab 100644
--- a/src/pages/mine/settings/privacy/index.vue
+++ b/src/pages/mine/settings/privacy/index.vue
@@ -20,10 +20,6 @@
 </template>
 
 <script lang="ts" setup>
-definePage({
-  name: "privacy",
-  style: { navigationBarTitleText: "隐私政策" },
-});
 
 const activeNames = ref(["0"]); // 默认展开第一项
 
@@ -75,6 +71,12 @@ const privacyContent = [
   },
 ];
 
+  definePage({
+    name: "privacy",
+    style: { navigationBarTitleText: "隐私政策" },
+  });
+
+
 // 同意隐私政策
 const handleAgree = () => {
   uni.showToast({
diff --git a/src/pages/mine/settings/theme/index.vue b/src/pages/mine/settings/theme/index.vue
index 5988eb9..9611bd8 100644
--- a/src/pages/mine/settings/theme/index.vue
+++ b/src/pages/mine/settings/theme/index.vue
@@ -13,20 +13,10 @@
       <wd-cell title="预设主题色">
         <template #default>
           <view class="flex flex-wrap gap-12rpx">
-            <view
-              v-for="(color, index) in themeColorOptions"
-              :key="index"
-              class="color-option"
-              :class="{ 'color-option--active': currentThemeColor === color.primary }"
-              :style="{ backgroundColor: color.primary }"
-              @click="handleSelectColor(color)"
-            >
-              <wd-icon
-                v-if="currentThemeColor === color.primary"
-                name="check"
-                size="14"
-                color="var(--color-text-inverse)"
-              />
+            <view v-for="(color, index) in themeColorOptions" :key="index" class="color-option"
+              :class="{ 'color-option--active': currentThemeColor === color.primary }" :style="{ backgroundColor: color.primary }"
+              @click="handleSelectColor(color)">
+              <wd-icon v-if="currentThemeColor === color.primary" name="check" size="14" color="var(--color-text-inverse)" />
             </view>
           </view>
         </template>
@@ -77,11 +67,8 @@
       <view class="popup-content">
         <view class="popup-header">
           <text class="popup-title">自定义主题色</text>
-          <view
-            class="w-64rpx h-64rpx flex-center rounded-full"
-            hover-class="bg-[var(--color-text-placeholder)]/16"
-            @click="showCustomColorInput = false"
-          >
+          <view class="w-64rpx h-64rpx flex-center rounded-full" hover-class="bg-[var(--color-text-placeholder)]/16"
+            @click="showCustomColorInput = false">
             <wd-icon name="close" size="18" class="color-text-secondary" />
           </view>
         </view>
@@ -90,12 +77,7 @@
           <text class="text-28rpx color-text-secondary">请输入十六进制颜色值</text>
           <view class="flex items-center gap-16rpx mt-16rpx">
             <view class="color-dot-lg" :style="{ backgroundColor: customColor || '#FF4757' }" />
-            <wd-input
-              v-model="customColor"
-              placeholder="例如: #FF4757"
-              :maxlength="7"
-              custom-class="theme-input"
-            />
+            <wd-input v-model="customColor" placeholder="例如: #FF4757" :maxlength="7" custom-class="theme-input" />
           </view>
           <text class="text-24rpx color-text-placeholder mt-12rpx">支持格式：#RGB 或 #RRGGBB</text>
         </view>
@@ -110,184 +92,184 @@
 </template>
 
 <script lang="ts" setup>
-definePage({
-  name: "theme",
-  style: { navigationBarTitleText: "主题设置" },
-});
+  import { useTheme } from "@/composables/useTheme";
+  import { useToast, useDialog } from "@wot-ui/ui";
 
-import { useTheme } from "@/composables/useTheme";
-import { useToast, useDialog } from "@wot-ui/ui";
+  definePage({
+    name: "theme",
+    style: { navigationBarTitleText: "主题设置" },
+  });
 
-// 使用主题组合函数
-const { isDark, themeVars, themeColorOptions, toggleTheme, setThemeColor } = useTheme();
+  // 使用主题组合函数
+  const { isDark, themeVars, themeColorOptions, toggleTheme, setThemeColor } = useTheme();
 
-const toast = useToast();
+  const toast = useToast();
   const { confirm } = useDialog();
 
-// 创建响应式的计算属性
-const isDarkMode = computed(() => isDark.value);
+  // 创建响应式的计算属性
+  const isDarkMode = computed(() => isDark.value);
 
-// 自定义颜色输入
-const customColor = ref("");
-const showCustomColorInput = ref(false);
+  // 自定义颜色输入
+  const customColor = ref("");
+  const showCustomColorInput = ref(false);
 
-// 当前选中的主题色
-const currentThemeColor = computed(() => {
-  return themeVars.colorTheme || themeColorOptions[0].primary;
-});
-
-// 选择预设颜色
-const handleSelectColor = (color: (typeof themeColorOptions)[0]) => {
-  setThemeColor(color);
-  customColor.value = color.primary;
-
-  // 提示
-  uni.showToast({
-    title: "主题色已更新",
-    icon: "success",
-    duration: 1500,
+  // 当前选中的主题色
+  const currentThemeColor = computed(() => {
+    return themeVars.colorTheme || themeColorOptions[0].primary;
   });
-};
 
-// 显示自定义颜色输入
-const showCustomInput = () => {
-  showCustomColorInput.value = true;
-  customColor.value = currentThemeColor.value;
-};
+  // 选择预设颜色
+  const handleSelectColor = (color: (typeof themeColorOptions)[0]) => {
+    setThemeColor(color);
+    customColor.value = color.primary;
 
-// 应用自定义颜色
-const applyCustomColor = () => {
-  // 验证颜色格式
-  const colorRegex = /^#([0-9A-F]{6}|[0-9A-F]{3})$/i;
-  if (!colorRegex.test(customColor.value)) {
+    // 提示
     uni.showToast({
-      title: "请输入有效的颜色值",
-      icon: "none",
-      duration: 2000,
-    });
-    return;
-  }
-
-  // 转换3位颜色值为6位
-  let color = customColor.value;
-  if (color.length === 4) {
-    color = "#" + color[1] + color[1] + color[2] + color[2] + color[3] + color[3];
-  }
-
-  // 创建自定义主题色选项
-  const customColorOption = {
-    name: "自定义",
-    value: "custom",
-    primary: color,
-  };
-
-  setThemeColor(customColorOption);
-  showCustomColorInput.value = false;
-
-  // 提示
-  uni.showToast({
-    title: "自定义主题色已应用",
-    icon: "success",
-    duration: 1500,
-  });
-};
-
-// 重置为默认主题
-const handleResetTheme = async () => {
-  try {
-    await confirm({ title: "确认重置", msg: "确定要重置为默认主题吗？", headerImage: "warning" });
-    setThemeColor(themeColorOptions[0]);
-    customColor.value = themeColorOptions[0].primary;
-    toast.success("已重置为默认主题");
-  } catch {
-    // 用户取消
-  }
-};
-
-// 切换暗黑模式
-const handleToggleDarkMode = () => {
-  toggleTheme();
-  nextTick(() => {
-    uni.showToast({
-      title: `已切换到${isDarkMode.value ? "暗黑" : "浅色"}模式`,
+      title: "主题色已更新",
       icon: "success",
       duration: 1500,
     });
+  };
+
+  // 显示自定义颜色输入
+  const showCustomInput = () => {
+    showCustomColorInput.value = true;
+    customColor.value = currentThemeColor.value;
+  };
+
+  // 应用自定义颜色
+  const applyCustomColor = () => {
+    // 验证颜色格式
+    const colorRegex = /^#([0-9A-F]{6}|[0-9A-F]{3})$/i;
+    if (!colorRegex.test(customColor.value)) {
+      uni.showToast({
+        title: "请输入有效的颜色值",
+        icon: "none",
+        duration: 2000,
+      });
+      return;
+    }
+
+    // 转换3位颜色值为6位
+    let color = customColor.value;
+    if (color.length === 4) {
+      color = "#" + color[1] + color[1] + color[2] + color[2] + color[3] + color[3];
+    }
+
+    // 创建自定义主题色选项
+    const customColorOption = {
+      name: "自定义",
+      value: "custom",
+      primary: color,
+    };
+
+    setThemeColor(customColorOption);
+    showCustomColorInput.value = false;
+
+    // 提示
+    uni.showToast({
+      title: "自定义主题色已应用",
+      icon: "success",
+      duration: 1500,
+    });
+  };
+
+  // 重置为默认主题
+  const handleResetTheme = async () => {
+    try {
+      await confirm({ title: "确认重置", msg: "确定要重置为默认主题吗？", headerImage: "warning" });
+      setThemeColor(themeColorOptions[0]);
+      customColor.value = themeColorOptions[0].primary;
+      toast.success("已重置为默认主题");
+    } catch {
+      // 用户取消
+    }
+  };
+
+  // 切换暗黑模式
+  const handleToggleDarkMode = () => {
+    toggleTheme();
+    nextTick(() => {
+      uni.showToast({
+        title: `已切换到${isDarkMode.value ? "暗黑" : "浅色"}模式`,
+        icon: "success",
+        duration: 1500,
+      });
+    });
+  };
+
+  onLoad(() => {
+    customColor.value = currentThemeColor.value;
   });
-};
 
-onLoad(() => {
-  customColor.value = currentThemeColor.value;
-});
+  onMounted(() => {
+    customColor.value = currentThemeColor.value;
+  });
 
-onMounted(() => {
-  customColor.value = currentThemeColor.value;
-});
-
-// 页面显示时确保主题色同步
-onShow(() => {
-  customColor.value = currentThemeColor.value;
-});
+  // 页面显示时确保主题色同步
+  onShow(() => {
+    customColor.value = currentThemeColor.value;
+  });
 </script>
 
 
 
 <style lang="scss" scoped>
-.color-option {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 48rpx;
-  height: 48rpx;
-  cursor: pointer;
-  border-radius: 50%;
+  .color-option {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 48rpx;
+    height: 48rpx;
+    cursor: pointer;
+    border-radius: 50%;
 
-  &--active {
-    box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.2);
-    transform: scale(1.1);
+    &--active {
+      box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.2);
+      transform: scale(1.1);
+    }
   }
-}
 
-.color-dot {
-  width: 32rpx;
-  height: 32rpx;
-  border-radius: 50%;
-}
+  .color-dot {
+    width: 32rpx;
+    height: 32rpx;
+    border-radius: 50%;
+  }
 
-.color-dot-lg {
-  flex-shrink: 0;
-  width: 48rpx;
-  height: 48rpx;
-  border-radius: 8rpx;
-}
+  .color-dot-lg {
+    flex-shrink: 0;
+    width: 48rpx;
+    height: 48rpx;
+    border-radius: 8rpx;
+  }
 
-.popup-content {
-  padding-bottom: env(safe-area-inset-bottom);
-}
+  .popup-content {
+    padding-bottom: env(safe-area-inset-bottom);
+  }
 
-.popup-header {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  padding: 24rpx 32rpx;
-  border-bottom: 1rpx solid var(--color-border);
-}
+  .popup-header {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 24rpx 32rpx;
+    border-bottom: 1rpx solid var(--color-border);
+  }
 
-.popup-title {
-  font-size: 32rpx;
-  font-weight: 600;
-  color: var(--color-text);
-}
+  .popup-title {
+    font-size: 32rpx;
+    font-weight: 600;
+    color: var(--color-text);
+  }
 
-.popup-actions {
-  display: flex;
-  gap: 24rpx;
-  padding: 24rpx 32rpx;
-  border-top: 1rpx solid var(--color-border);
-}
+  .popup-actions {
+    display: flex;
+    gap: 24rpx;
+    padding: 24rpx 32rpx;
+    border-top: 1rpx solid var(--color-border);
+  }
 
-:deep(.theme-input) {
-  background-color: var(--color-bg-secondary) !important;
-  color: var(--color-text) !important;
-}
+  :deep(.theme-input) {
+    background-color: var(--color-bg-secondary) !important;
+    color: var(--color-text) !important;
+  }
 </style>
diff --git a/src/pages/webview/index.vue b/src/pages/webview/index.vue
index c65559b..63b6533 100644
--- a/src/pages/webview/index.vue
+++ b/src/pages/webview/index.vue
@@ -5,14 +5,16 @@
 </template>
 
 <script setup lang="ts">
+
+
+  import { ref } from "vue";
+  import { onLoad } from "@dcloudio/uni-app";
+
 definePage({
   name: "webview",
   style: { navigationBarTitleText: "网页" },
 });
 
-import { ref } from "vue";
-import { onLoad } from "@dcloudio/uni-app";
-
 const url = ref("");
 
 onLoad((query: any) => {
diff --git a/src/pages/work/config/index.vue b/src/pages/work/config/index.vue
index 162877b..5e9454b 100644
--- a/src/pages/work/config/index.vue
+++ b/src/pages/work/config/index.vue
@@ -1,28 +1,15 @@
 <template>
   <view class="page page--padding">
     <view>
-      <wd-search
-        v-model="queryParams.keywords"
-        placeholder="搜索配置名称/键名"
-        hide-cancel
-        @search="handleSearch"
-      />
+      <wd-search v-model="queryParams.keywords" placeholder="搜索配置名称/键名" hide-cancel @search="handleSearch" />
     </view>
 
     <view class="mt-16rpx">
-      <wd-card
-        v-for="item in pageData"
-        :key="item.id"
-        custom-class="item-card"
-        @click="openConfigDialog(item.id)"
-      >
+      <wd-card v-for="item in pageData" :key="item.id" custom-class="item-card" @click="openConfigDialog(item.id)">
         <view class="flex-between">
           <text class="font-bold text-32rpx">{{ item.configName }}</text>
-          <view
-            class="w-88rpx h-88rpx flex-center rounded-full"
-            hover-class="bg-[var(--color-text-placeholder)]/16"
-            @click.stop="showConfigActions(item)"
-          >
+          <view class="w-88rpx h-88rpx flex-center rounded-full" hover-class="bg-[var(--color-text-placeholder)]/16"
+            @click.stop="showConfigActions(item)">
             <wd-icon name="more" size="18" class="color-text-secondary" />
           </view>
         </view>
@@ -41,12 +28,7 @@
     </view>
 
     <!-- 弹窗表单 -->
-    <wd-popup
-      v-model="dialog.visible"
-      position="bottom"
-      custom-class="popup-bottom"
-      @close="closeConfigDialog"
-    >
+    <wd-popup v-model="dialog.visible" position="bottom" custom-class="popup-bottom" @close="closeConfigDialog">
       <view class="p-4">
         <view class="popup-title">
           {{ formData.id ? "编辑配置" : "新增配置" }}
@@ -62,12 +44,7 @@
             <wd-input v-model="formData.configValue" placeholder="请输入配置键值" />
           </wd-form-item>
           <wd-form-item prop="remark" title="描述">
-            <wd-textarea
-              v-model="formData.remark"
-              placeholder="请输入配置描述"
-              :maxlength="100"
-              show-word-limit
-            />
+            <wd-textarea v-model="formData.remark" placeholder="请输入配置描述" :maxlength="100" show-word-limit />
           </wd-form-item>
         </wd-form>
         <view class="popup-actions">
@@ -80,186 +57,178 @@
     </wd-popup>
 
     <!-- 浮动新增按钮 -->
-    <wd-fab
-      v-if="hasPermission('sys:config:create') && !dialog.visible"
-      :expandable="false"
-      :gap="{ bottom: 32 }"
-      @click="openConfigDialog()"
-    />
+    <wd-fab v-if="hasPermission('sys:config:create') && !dialog.visible" :expandable="false" :gap="{ bottom: 32 }"
+      @click="openConfigDialog()" />
 
     <!-- 操作菜单 -->
-    <wd-action-sheet
-      v-model="actionSheetVisible"
-      :actions="actionSheetActions"
-      cancel-text="取消"
-      @select="handleActionSelect"
-    />
+    <wd-action-sheet v-model="actionSheetVisible" :actions="actionSheetActions" cancel-text="取消" @select="handleActionSelect" />
   </view>
 </template>
 
 <script lang="ts" setup>
-definePage({
-  name: "config",
-  style: { navigationBarTitleText: "系统配置" },
-});
 
-import { onLoad, onReachBottom } from "@dcloudio/uni-app";
-import { LoadMoreState } from "@wot-ui/ui/components/wd-loadmore/types";
-import { toFormSchema } from "@/utils/form";
-import { useToast, useDialog } from "@wot-ui/ui";
-import ConfigAPI, { type ConfigPageQuery, ConfigItem, ConfigForm } from "@/api/config";
-import { hasPermission } from "@/utils/permission";
+  import { onLoad, onReachBottom } from "@dcloudio/uni-app";
+  import { LoadMoreState } from "@wot-ui/ui/components/wd-loadmore/types";
+  import { toFormSchema } from "@/utils/form";
+  import { useToast, useDialog } from "@wot-ui/ui";
+  import ConfigAPI, { type ConfigPageQuery, ConfigItem, ConfigForm } from "@/api/config";
+  import { hasPermission } from "@/utils/permission";
 
-const toast = useToast();
+  definePage({
+    name: "config",
+    style: { navigationBarTitleText: "系统配置" },
+  });
+
+
+  const toast = useToast();
   const { confirm } = useDialog();
-const loadMoreState = ref<LoadMoreState>("loading");
-const formRef = ref();
-const isSubmitting = ref(false);
+  const loadMoreState = ref<LoadMoreState>("loading");
+  const formRef = ref();
+  const isSubmitting = ref(false);
 
-const queryParams = reactive<ConfigPageQuery>({ pageNum: 1, pageSize: 10, keywords: "" });
-const total = ref(0);
-const pageData = ref<ConfigItem[]>([]);
-const dialog = reactive({ visible: false });
+  const queryParams = reactive<ConfigPageQuery>({ pageNum: 1, pageSize: 10, keywords: "" });
+  const total = ref(0);
+  const pageData = ref<ConfigItem[]>([]);
+  const dialog = reactive({ visible: false });
 
-const actionSheetVisible = ref(false);
-const actionSheetActions = ref<{ name: string; color?: string }[]>([]);
-const currentActionItem = ref<any>(null);
+  const actionSheetVisible = ref(false);
+  const actionSheetActions = ref<{ name: string; color?: string }[]>([]);
+  const currentActionItem = ref<any>(null);
 
-const initialFormData: ConfigForm = {
-  id: undefined,
-  configName: undefined,
-  configKey: undefined,
-  configValue: undefined,
-  remark: undefined,
-};
+  const initialFormData: ConfigForm = {
+    id: undefined,
+    configName: undefined,
+    configKey: undefined,
+    configValue: undefined,
+    remark: undefined,
+  };
 
-const formData = reactive<ConfigForm>({ ...initialFormData });
+  const formData = reactive<ConfigForm>({ ...initialFormData });
 
-const rules = toFormSchema({
-  configName: [{ required: true, message: "请输入配置名称" }],
-  configKey: [{ required: true, message: "请输入配置键名" }],
-  configValue: [{ required: true, message: "请输入配置键值" }],
-});
+  const rules = toFormSchema({
+    configName: [{ required: true, message: "请输入配置名称" }],
+    configKey: [{ required: true, message: "请输入配置键名" }],
+    configValue: [{ required: true, message: "请输入配置键值" }],
+  });
 
-// 搜索触发
-const handleSearch = () => loadConfigList();
+  // 搜索触发
+  const handleSearch = () => loadConfigList();
 
-// 加载列表
-function loadConfigList() {
-  queryParams.pageNum = 1;
-  fetchConfigList();
-}
-
-// 分页加载列表
-function fetchConfigList() {
-  loadMoreState.value = "loading";
-  ConfigAPI.getPage(queryParams)
-    .then((data: any) => {
-      pageData.value = data.list;
-      total.value = data.total;
-      queryParams.pageNum++;
-    })
-    .catch(() => {
-      pageData.value = [];
-    })
-    .finally(() => {
-      loadMoreState.value = "finished";
-    });
-}
-
-// 打开弹窗（新增/编辑）
-async function openConfigDialog(id?: number) {
-  formRef.value?.reset();
-  Object.assign(formData, initialFormData);
-  dialog.visible = true;
-  if (id) {
-    formData.id = id;
-    const data = await ConfigAPI.getFormData(id);
-    Object.assign(formData, data, { id });
+  // 加载列表
+  function loadConfigList() {
+    queryParams.pageNum = 1;
+    fetchConfigList();
   }
-}
 
-// 提交表单
-function submitConfigForm() {
-  formRef.value.validate().then(({ valid }: { valid: boolean }) => {
-    if (!valid) return;
-    isSubmitting.value = true;
-    const action = formData.id ? ConfigAPI.update(formData.id, formData) : ConfigAPI.add(formData);
-    action
-      .then(() => {
-        toast.success("操作成功");
-        closeConfigDialog();
-        loadConfigList();
+  // 分页加载列表
+  function fetchConfigList() {
+    loadMoreState.value = "loading";
+    ConfigAPI.getPage(queryParams)
+      .then((data: any) => {
+        pageData.value = data.list;
+        total.value = data.total;
+        queryParams.pageNum++;
+      })
+      .catch(() => {
+        pageData.value = [];
       })
       .finally(() => {
-        isSubmitting.value = false;
+        loadMoreState.value = "finished";
       });
-  });
-}
+  }
 
-// 关闭弹窗
-function closeConfigDialog() {
-  dialog.visible = false;
-  formRef.value?.reset();
-  Object.assign(formData, initialFormData);
-}
+  // 打开弹窗（新增/编辑）
+  async function openConfigDialog(id?: number) {
+    formRef.value?.reset();
+    Object.assign(formData, initialFormData);
+    dialog.visible = true;
+    if (id) {
+      formData.id = id;
+      const data = await ConfigAPI.getFormData(id);
+      Object.assign(formData, data, { id });
+    }
+  }
 
-// 操作菜单分发
-function handleActionSelect({ item }: { item: any }) {
-  const value = item.name;
-  const configItem = currentActionItem.value;
-  if (value === "编辑") {
-    openConfigDialog(configItem.id);
-  } else if (value === "删除") {
-    confirm({
-      title: "确认删除",
-      msg: `确定要删除配置「${configItem.configName}」吗？`,
-      headerImage: "warning",
-    }).then(async () => {
-      await ConfigAPI.deleteById(configItem.id!);
-      toast.success("删除成功");
-      loadConfigList();
+  // 提交表单
+  function submitConfigForm() {
+    formRef.value.validate().then(({ valid }: { valid: boolean }) => {
+      if (!valid) return;
+      isSubmitting.value = true;
+      const action = formData.id ? ConfigAPI.update(formData.id, formData) : ConfigAPI.add(formData);
+      action
+        .then(() => {
+          toast.success("操作成功");
+          closeConfigDialog();
+          loadConfigList();
+        })
+        .finally(() => {
+          isSubmitting.value = false;
+        });
     });
   }
-}
 
-// 更多操作
-function showConfigActions(item: ConfigItem) {
-  const actions: { name: string; color?: string }[] = [];
-
-  if (hasPermission("sys:config:update")) {
-    actions.push({ name: "编辑" });
+  // 关闭弹窗
+  function closeConfigDialog() {
+    dialog.visible = false;
+    formRef.value?.reset();
+    Object.assign(formData, initialFormData);
   }
 
-  if (hasPermission("sys:config:delete")) {
-    actions.push({ name: "删除", color: "var(--color-danger)" });
+  // 操作菜单分发
+  function handleActionSelect({ item }: { item: any }) {
+    const value = item.name;
+    const configItem = currentActionItem.value;
+    if (value === "编辑") {
+      openConfigDialog(configItem.id);
+    } else if (value === "删除") {
+      confirm({
+        title: "确认删除",
+        msg: `确定要删除配置「${configItem.configName}」吗？`,
+        headerImage: "warning",
+      }).then(async () => {
+        await ConfigAPI.deleteById(configItem.id!);
+        toast.success("删除成功");
+        loadConfigList();
+      });
+    }
   }
 
-  if (actions.length === 0) {
-    toast.warning("暂无操作权限");
-    return;
+  // 更多操作
+  function showConfigActions(item: ConfigItem) {
+    const actions: { name: string; color?: string }[] = [];
+
+    if (hasPermission("sys:config:update")) {
+      actions.push({ name: "编辑" });
+    }
+
+    if (hasPermission("sys:config:delete")) {
+      actions.push({ name: "删除", color: "var(--color-danger)" });
+    }
+
+    if (actions.length === 0) {
+      toast.warning("暂无操作权限");
+      return;
+    }
+
+    currentActionItem.value = item;
+    actionSheetActions.value = actions;
+    actionSheetVisible.value = true;
   }
 
-  currentActionItem.value = item;
-  actionSheetActions.value = actions;
-  actionSheetVisible.value = true;
-}
+  onReachBottom(() => {
+    if (queryParams.pageNum * queryParams.pageSize < total.value) {
+      fetchConfigList();
+    } else {
+      loadMoreState.value = "finished";
+    }
+  });
 
-onReachBottom(() => {
-  if (queryParams.pageNum * queryParams.pageSize < total.value) {
-    fetchConfigList();
-  } else {
-    loadMoreState.value = "finished";
-  }
-});
-
-onLoad(() => {
-  loadConfigList();
-});
+  onLoad(() => {
+    loadConfigList();
+  });
 </script>
 
 <script lang="ts">
-export default { options: { styleIsolation: "shared" } };
+  export default { options: { styleIsolation: "shared" } };
 </script>
 
-
diff --git a/src/pages/work/dept/index.vue b/src/pages/work/dept/index.vue
index 4cf7a41..e59b56e 100644
--- a/src/pages/work/dept/index.vue
+++ b/src/pages/work/dept/index.vue
@@ -87,10 +87,6 @@
 </template>
 
 <script lang="ts" setup>
-definePage({
-  name: "dept",
-  style: { navigationBarTitleText: "部门管理" },
-});
 
 import { onLoad } from "@dcloudio/uni-app";
 import { toFormSchema } from "@/utils/form";
@@ -99,6 +95,12 @@ import DeptAPI, { type DeptQuery, DeptItem, DeptForm } from "@/api/dept";
 import { hasPermission } from "@/utils/permission";
 import CustomTree from "@/components/custom-tree/index.vue";
 
+  definePage({
+    name: "dept",
+    style: { navigationBarTitleText: "部门管理" },
+  });
+
+
 const toast = useToast();
   const { confirm } = useDialog();
 const formRef = ref();
diff --git a/src/pages/work/dict/index.vue b/src/pages/work/dict/index.vue
index 1490cd2..eaeb08c 100644
--- a/src/pages/work/dict/index.vue
+++ b/src/pages/work/dict/index.vue
@@ -1,21 +1,11 @@
 <template>
   <view class="page page--padding">
     <view>
-      <wd-search
-        v-model="queryParams.keywords"
-        placeholder="搜索字典名称/编码"
-        hide-cancel
-        @search="handleSearch"
-      />
+      <wd-search v-model="queryParams.keywords" placeholder="搜索字典名称/编码" hide-cancel @search="handleSearch" />
     </view>
 
     <view class="mt-16rpx">
-      <wd-card
-        v-for="item in pageData"
-        :key="item.id"
-        custom-class="item-card"
-        @click="openDictItemPage(item)"
-      >
+      <wd-card v-for="item in pageData" :key="item.id" custom-class="item-card" @click="openDictItemPage(item)">
         <view class="flex-start">
           <view class="flex-1">
             <view class="flex-start">
@@ -30,11 +20,8 @@
 
         <view class="flex-between mt-16rpx">
           <text class="text-24rpx color-text-placeholder">{{ item.remark || "暂无备注" }}</text>
-          <view
-            class="w-88rpx h-88rpx flex-center rounded-full"
-            hover-class="bg-[var(--color-text-placeholder)]/16"
-            @click.stop="showDictActions(item)"
-          >
+          <view class="w-88rpx h-88rpx flex-center rounded-full" hover-class="bg-[var(--color-text-placeholder)]/16"
+            @click.stop="showDictActions(item)">
             <wd-icon name="more" size="18" class="color-text-secondary" />
           </view>
         </view>
@@ -44,12 +31,7 @@
       <wd-empty v-else-if="total === 0" icon="search" tip="暂无数据" />
     </view>
 
-    <wd-popup
-      v-model="dialog.visible"
-      position="bottom"
-      custom-class="popup-bottom"
-      @close="closeDictDialog"
-    >
+    <wd-popup v-model="dialog.visible" position="bottom" custom-class="popup-bottom" @close="closeDictDialog">
       <view class="p-4">
         <view class="popup-title">
           {{ formData.id ? "编辑字典" : "新增字典" }}
@@ -65,12 +47,7 @@
             <wd-switch v-model="formData.status" :active-value="1" :inactive-value="0" />
           </wd-form-item>
           <wd-form-item prop="remark" title="备注">
-            <wd-textarea
-              v-model="formData.remark"
-              placeholder="请输入备注"
-              :maxlength="100"
-              show-word-limit
-            />
+            <wd-textarea v-model="formData.remark" placeholder="请输入备注" :maxlength="100" show-word-limit />
           </wd-form-item>
         </wd-form>
         <view class="popup-actions">
@@ -80,189 +57,185 @@
       </view>
     </wd-popup>
 
-    <wd-action-sheet
-      v-model="actionSheetVisible"
-      :actions="actionSheetActions"
-      cancel-text="取消"
-      @select="handleActionSelect"
-    />
+    <wd-action-sheet v-model="actionSheetVisible" :actions="actionSheetActions" cancel-text="取消" @select="handleActionSelect" />
 
     <wd-fab v-if="hasPermission('sys:dict:create') && !dialog.visible" :expandable="false" :gap="{ bottom: 32 }" @click="openDictDialog()" />
   </view>
 </template>
 
 <script lang="ts" setup>
-definePage({
-  name: "dict",
-  style: { navigationBarTitleText: "字典管理" },
-});
 
-import { onLoad, onReachBottom } from "@dcloudio/uni-app";
-import { useRouter } from "uni-mini-router";
-import { LoadMoreState } from "@wot-ui/ui/components/wd-loadmore/types";
-import { toFormSchema } from "@/utils/form";
-import { useToast, useDialog } from "@wot-ui/ui";
-import DictAPI, { type DictTypeForm, type DictTypePageQuery, type DictTypeItem } from "@/api/dict";
-import { hasPermission } from "@/utils/permission";
 
-const router = useRouter();
-const toast = useToast();
-  const { confirm } = useDialog();
-const loadMoreState = ref<LoadMoreState>("loading");
-const formRef = ref();
-const isSubmitting = ref(false);
+  import { onLoad, onReachBottom } from "@dcloudio/uni-app";
+  import { useRouter } from "uni-mini-router";
+  import { LoadMoreState } from "@wot-ui/ui/components/wd-loadmore/types";
+  import { toFormSchema } from "@/utils/form";
+  import { useToast, useDialog } from "@wot-ui/ui";
+  import DictAPI, { type DictTypeForm, type DictTypePageQuery, type DictTypeItem } from "@/api/dict";
+  import { hasPermission } from "@/utils/permission";
 
-const queryParams = reactive<DictTypePageQuery>({ pageNum: 1, pageSize: 10, keywords: "" });
-const total = ref(0);
-const pageData = ref<DictTypeItem[]>([]);
-const dialog = reactive({ visible: false });
-
-const initialFormData: DictTypeForm = {
-  id: undefined,
-  name: undefined,
-  dictCode: undefined,
-  status: 1,
-  remark: undefined,
-};
-
-const formData = reactive<DictTypeForm>({ ...initialFormData });
-
-const rules = toFormSchema({
-  name: [{ required: true, message: "请输入字典名称" }],
-  dictCode: [{ required: true, message: "请输入字典编码" }],
-});
-
-const handleSearch = () => loadDictTypeList();
-
-function loadDictTypeList() {
-  queryParams.pageNum = 1;
-  fetchDictTypeList();
-}
-
-function fetchDictTypeList() {
-  loadMoreState.value = "loading";
-  DictAPI.getPage(queryParams)
-    .then((data: any) => {
-      pageData.value = data.list;
-      total.value = data.total;
-      queryParams.pageNum++;
-    })
-    .catch(() => {
-      pageData.value = [];
-    })
-    .finally(() => {
-      loadMoreState.value = "finished";
-    });
-}
-
-function openDictItemPage(item: DictTypeItem) {
-  if (!item.dictCode) return;
-  router.push({
-    path: "/pages/work/dict/item/index",
-    query: { dictCode: item.dictCode, title: `【${item.name}】字典数据` },
+  definePage({
+    name: "dict",
+    style: { navigationBarTitleText: "字典管理" },
   });
-}
 
-async function openDictDialog(id?: string) {
-  formRef.value?.reset();
-  Object.assign(formData, initialFormData);
-  dialog.visible = true;
-  if (id) {
-    formData.id = id;
-    const data = await DictAPI.getFormData(id);
-    Object.assign(formData, data, { id });
+  const router = useRouter();
+  const toast = useToast();
+  const { confirm } = useDialog();
+  const loadMoreState = ref<LoadMoreState>("loading");
+  const formRef = ref();
+  const isSubmitting = ref(false);
+
+  const queryParams = reactive<DictTypePageQuery>({ pageNum: 1, pageSize: 10, keywords: "" });
+  const total = ref(0);
+  const pageData = ref<DictTypeItem[]>([]);
+  const dialog = reactive({ visible: false });
+
+  const initialFormData: DictTypeForm = {
+    id: undefined,
+    name: undefined,
+    dictCode: undefined,
+    status: 1,
+    remark: undefined,
+  };
+
+  const formData = reactive<DictTypeForm>({ ...initialFormData });
+
+  const rules = toFormSchema({
+    name: [{ required: true, message: "请输入字典名称" }],
+    dictCode: [{ required: true, message: "请输入字典编码" }],
+  });
+
+  const handleSearch = () => loadDictTypeList();
+
+  function loadDictTypeList() {
+    queryParams.pageNum = 1;
+    fetchDictTypeList();
   }
-}
 
-function submitDictForm() {
-  formRef.value.validate().then(({ valid }: { valid: boolean }) => {
-    if (!valid) return;
-    isSubmitting.value = true;
-    const id = formData.id;
-    const action = id ? DictAPI.update(id, formData) : DictAPI.create(formData);
-    action
-      .then(() => {
-        toast.success("操作成功");
-        closeDictDialog();
-        loadDictTypeList();
+  function fetchDictTypeList() {
+    loadMoreState.value = "loading";
+    DictAPI.getPage(queryParams)
+      .then((data: any) => {
+        pageData.value = data.list;
+        total.value = data.total;
+        queryParams.pageNum++;
+      })
+      .catch(() => {
+        pageData.value = [];
       })
       .finally(() => {
-        isSubmitting.value = false;
+        loadMoreState.value = "finished";
       });
-  });
-}
-
-function closeDictDialog() {
-  dialog.visible = false;
-  formRef.value?.reset();
-  Object.assign(formData, initialFormData);
-}
-
-const actionSheetVisible = ref(false);
-const actionSheetActions = ref<{ name: string; color?: string }[]>([]);
-const pendingAction = ref<Record<string, () => void>>({});
-
-function showDictActions(item: DictTypeItem) {
-  const actions: { name: string; color?: string }[] = [];
-  const actionMap: Record<string, () => void> = {};
-
-  actions.push({ name: "字典数据" });
-  actionMap["字典数据"] = () => openDictItemPage(item);
-
-  if (hasPermission("sys:dict:update")) {
-    actions.push({ name: "编辑" });
-    actionMap["编辑"] = () => openDictDialog(item.id);
   }
 
-  if (hasPermission("sys:dict:delete")) {
-    actions.push({ name: "删除", color: "var(--color-danger)" });
-    actionMap["删除"] = async () => {
-      try {
-        await confirm({
-          title: "确认删除",
-          msg: `确定要删除字典「${item.name}」吗？`,
-          headerImage: "warning",
-        });
-        if (item.id) {
-          await DictAPI.deleteByIds(String(item.id));
-          toast.success("删除成功");
+  function openDictItemPage(item: DictTypeItem) {
+    if (!item.dictCode) return;
+    router.push({
+      path: "/pages/work/dict/item/index",
+      query: { dictCode: item.dictCode, title: `【${item.name}】字典数据` },
+    });
+  }
+
+  async function openDictDialog(id?: string) {
+    formRef.value?.reset();
+    Object.assign(formData, initialFormData);
+    dialog.visible = true;
+    if (id) {
+      formData.id = id;
+      const data = await DictAPI.getFormData(id);
+      Object.assign(formData, data, { id });
+    }
+  }
+
+  function submitDictForm() {
+    formRef.value.validate().then(({ valid }: { valid: boolean }) => {
+      if (!valid) return;
+      isSubmitting.value = true;
+      const id = formData.id;
+      const action = id ? DictAPI.update(id, formData) : DictAPI.create(formData);
+      action
+        .then(() => {
+          toast.success("操作成功");
+          closeDictDialog();
           loadDictTypeList();
+        })
+        .finally(() => {
+          isSubmitting.value = false;
+        });
+    });
+  }
+
+  function closeDictDialog() {
+    dialog.visible = false;
+    formRef.value?.reset();
+    Object.assign(formData, initialFormData);
+  }
+
+  const actionSheetVisible = ref(false);
+  const actionSheetActions = ref<{ name: string; color?: string }[]>([]);
+  const pendingAction = ref<Record<string, () => void>>({});
+
+  function showDictActions(item: DictTypeItem) {
+    const actions: { name: string; color?: string }[] = [];
+    const actionMap: Record<string, () => void> = {};
+
+    actions.push({ name: "字典数据" });
+    actionMap["字典数据"] = () => openDictItemPage(item);
+
+    if (hasPermission("sys:dict:update")) {
+      actions.push({ name: "编辑" });
+      actionMap["编辑"] = () => openDictDialog(item.id);
+    }
+
+    if (hasPermission("sys:dict:delete")) {
+      actions.push({ name: "删除", color: "var(--color-danger)" });
+      actionMap["删除"] = async () => {
+        try {
+          await confirm({
+            title: "确认删除",
+            msg: `确定要删除字典「${item.name}」吗？`,
+            headerImage: "warning",
+          });
+          if (item.id) {
+            await DictAPI.deleteByIds(String(item.id));
+            toast.success("删除成功");
+            loadDictTypeList();
+          }
+        } catch {
+          // 用户取消操作
         }
-      } catch {
-        // 用户取消操作
-      }
-    };
+      };
+    }
+
+    if (actions.length === 0) {
+      toast.warning("暂无操作权限");
+      return;
+    }
+
+    actionSheetActions.value = actions;
+    pendingAction.value = actionMap;
+    actionSheetVisible.value = true;
   }
 
-  if (actions.length === 0) {
-    toast.warning("暂无操作权限");
-    return;
+  function handleActionSelect({ item }: { item: any }) {
+    pendingAction.value[item.name]?.();
   }
 
-  actionSheetActions.value = actions;
-  pendingAction.value = actionMap;
-  actionSheetVisible.value = true;
-}
+  onReachBottom(() => {
+    if (queryParams.pageNum * queryParams.pageSize < total.value) {
+      fetchDictTypeList();
+    } else {
+      loadMoreState.value = "finished";
+    }
+  });
 
-function handleActionSelect({ item }: { item: any }) {
-  pendingAction.value[item.name]?.();
-}
-
-onReachBottom(() => {
-  if (queryParams.pageNum * queryParams.pageSize < total.value) {
-    fetchDictTypeList();
-  } else {
-    loadMoreState.value = "finished";
-  }
-});
-
-onLoad(() => {
-  loadDictTypeList();
-});
+  onLoad(() => {
+    loadDictTypeList();
+  });
 </script>
 
 <script lang="ts">
-export default { options: { styleIsolation: "shared" } };
+  export default { options: { styleIsolation: "shared" } };
 </script>
 
-
diff --git a/src/pages/work/dict/item/index.vue b/src/pages/work/dict/item/index.vue
index ae6b21f..515bb16 100644
--- a/src/pages/work/dict/item/index.vue
+++ b/src/pages/work/dict/item/index.vue
@@ -1,21 +1,11 @@
 <template>
   <view class="page page--padding">
     <view>
-      <wd-search
-        v-model="queryParams.keywords"
-        placeholder="搜索字典标签/字典值"
-        hide-cancel
-        @search="handleSearch"
-      />
+      <wd-search v-model="queryParams.keywords" placeholder="搜索字典标签/字典值" hide-cancel @search="handleSearch" />
     </view>
 
     <view class="mt-16rpx">
-      <wd-card
-        v-for="item in pageData"
-        :key="item.id"
-        custom-class="item-card"
-        @click="openItemDialog(item.id)"
-      >
+      <wd-card v-for="item in pageData" :key="item.id" custom-class="item-card" @click="openItemDialog(item.id)">
         <view class="flex-start">
           <view class="flex-1">
             <view class="flex-start">
@@ -32,11 +22,8 @@
 
         <view class="flex-between mt-16rpx">
           <text class="text-24rpx color-text-placeholder">{{ item.remark || "暂无备注" }}</text>
-          <view
-            class="w-88rpx h-88rpx flex-center rounded-full"
-            hover-class="bg-[var(--color-text-placeholder)]/16"
-            @click.stop="showItemActions(item)"
-          >
+          <view class="w-88rpx h-88rpx flex-center rounded-full" hover-class="bg-[var(--color-text-placeholder)]/16"
+            @click.stop="showItemActions(item)">
             <wd-icon name="more" size="18" class="color-text-secondary" />
           </view>
         </view>
@@ -46,12 +33,7 @@
       <wd-empty v-else-if="total === 0" icon="search" tip="暂无数据" />
     </view>
 
-    <wd-popup
-      v-model="dialog.visible"
-      position="bottom"
-      custom-class="popup-bottom"
-      @close="closeItemDialog"
-    >
+    <wd-popup v-model="dialog.visible" position="bottom" custom-class="popup-bottom" @close="closeItemDialog">
       <view class="p-4">
         <view class="popup-title">
           {{ formData.id ? "编辑字典数据" : "新增字典数据" }}
@@ -70,12 +52,7 @@
             <wd-input-number v-model="formData.sort" :min="0" />
           </wd-form-item>
           <wd-form-item prop="remark" title="备注">
-            <wd-textarea
-              v-model="formData.remark"
-              placeholder="请输入备注"
-              :maxlength="100"
-              show-word-limit
-            />
+            <wd-textarea v-model="formData.remark" placeholder="请输入备注" :maxlength="100" show-word-limit />
           </wd-form-item>
         </wd-form>
         <view class="popup-actions">
@@ -85,209 +62,201 @@
       </view>
     </wd-popup>
 
-    <wd-action-sheet
-      v-model="actionSheetVisible"
-      :actions="actionSheetActions"
-      cancel-text="取消"
-      @select="handleActionSelect"
-    />
+    <wd-action-sheet v-model="actionSheetVisible" :actions="actionSheetActions" cancel-text="取消" @select="handleActionSelect" />
 
-    <wd-fab
-      v-if="hasPermission('sys:dict-item:create') && !dialog.visible"
-      :expandable="false"
-      :gap="{ bottom: 32 }"
-      @click="openItemDialog()"
-    />
+    <wd-fab v-if="hasPermission('sys:dict-item:create') && !dialog.visible" :expandable="false" :gap="{ bottom: 32 }"
+      @click="openItemDialog()" />
   </view>
 </template>
 
 <script lang="ts" setup>
-definePage({
-  name: "dict-item",
-  style: { navigationBarTitleText: "字典数据" },
-});
 
-import { onLoad, onReachBottom } from "@dcloudio/uni-app";
-import { LoadMoreState } from "@wot-ui/ui/components/wd-loadmore/types";
-import { toFormSchema } from "@/utils/form";
-import { useToast, useDialog } from "@wot-ui/ui";
-import DictAPI, { type DictItemForm, type DictItemPageQuery, type DictDataItem } from "@/api/dict";
-import { hasPermission } from "@/utils/permission";
 
-const toast = useToast();
+  import { onLoad, onReachBottom } from "@dcloudio/uni-app";
+  import { LoadMoreState } from "@wot-ui/ui/components/wd-loadmore/types";
+  import { toFormSchema } from "@/utils/form";
+  import { useToast, useDialog } from "@wot-ui/ui";
+  import DictAPI, { type DictItemForm, type DictItemPageQuery, type DictDataItem } from "@/api/dict";
+  import { hasPermission } from "@/utils/permission";
+
+  definePage({
+    name: "dict-item",
+    style: { navigationBarTitleText: "字典数据" },
+  });
+
+  const toast = useToast();
   const { confirm } = useDialog();
 
-const dictCode = ref<string>("");
-const pageTitle = ref<string>("字典数据");
+  const dictCode = ref<string>("");
+  const pageTitle = ref<string>("字典数据");
 
-const loadMoreState = ref<LoadMoreState>("loading");
-const formRef = ref();
-const isSubmitting = ref(false);
+  const loadMoreState = ref<LoadMoreState>("loading");
+  const formRef = ref();
+  const isSubmitting = ref(false);
 
-const queryParams = reactive<DictItemPageQuery>({ pageNum: 1, pageSize: 10, keywords: "" });
-const total = ref(0);
-const pageData = ref<DictDataItem[]>([]);
-const dialog = reactive({ visible: false });
+  const queryParams = reactive<DictItemPageQuery>({ pageNum: 1, pageSize: 10, keywords: "" });
+  const total = ref(0);
+  const pageData = ref<DictDataItem[]>([]);
+  const dialog = reactive({ visible: false });
 
-const initialFormData: DictItemForm = {
-  id: undefined,
-  dictCode: undefined,
-  label: undefined,
-  value: undefined,
-  sort: 1,
-  status: 1,
-  remark: undefined,
-};
+  const initialFormData: DictItemForm = {
+    id: undefined,
+    dictCode: undefined,
+    label: undefined,
+    value: undefined,
+    sort: 1,
+    status: 1,
+    remark: undefined,
+  };
 
-const formData = reactive<DictItemForm>({ ...initialFormData });
+  const formData = reactive<DictItemForm>({ ...initialFormData });
 
-const rules = toFormSchema({
-  label: [{ required: true, message: "请输入字典项标签" }],
-  value: [{ required: true, message: "请输入字典项值" }],
-});
+  const rules = toFormSchema({
+    label: [{ required: true, message: "请输入字典项标签" }],
+    value: [{ required: true, message: "请输入字典项值" }],
+  });
 
-const handleSearch = () => loadItemList();
+  const handleSearch = () => loadItemList();
 
-function loadItemList() {
-  queryParams.pageNum = 1;
-  fetchItemList();
-}
-
-function fetchItemList() {
-  if (!dictCode.value) {
-    pageData.value = [];
-    total.value = 0;
-    loadMoreState.value = "finished";
-    return;
+  function loadItemList() {
+    queryParams.pageNum = 1;
+    fetchItemList();
   }
 
-  loadMoreState.value = "loading";
-  DictAPI.getItemPage(dictCode.value, queryParams)
-    .then((data: any) => {
-      pageData.value = data.list;
-      total.value = data.total;
-      queryParams.pageNum++;
-    })
-    .catch(() => {
-      pageData.value = [];
-    })
-    .finally(() => {
-      loadMoreState.value = "finished";
-    });
-}
-
-async function openItemDialog(id?: string) {
-  formRef.value?.reset();
-  Object.assign(formData, initialFormData);
-  dialog.visible = true;
-  formData.dictCode = dictCode.value;
-
-  if (id) {
-    formData.id = id;
-    const data = await DictAPI.getItemFormData(dictCode.value, id);
-    Object.assign(formData, data, { id });
-  }
-}
-
-function submitItemForm() {
-  formRef.value.validate().then(({ valid }: { valid: boolean }) => {
-    if (!valid) return;
+  function fetchItemList() {
     if (!dictCode.value) {
-      toast.error("缺少字典编码");
+      pageData.value = [];
+      total.value = 0;
+      loadMoreState.value = "finished";
       return;
     }
 
-    isSubmitting.value = true;
-    const id = formData.id;
-    const action = id
-      ? DictAPI.updateItem(dictCode.value, id, formData)
-      : DictAPI.createItem(dictCode.value, formData);
-
-    action
-      .then(() => {
-        toast.success("操作成功");
-        closeItemDialog();
-        loadItemList();
+    loadMoreState.value = "loading";
+    DictAPI.getItemPage(dictCode.value, queryParams)
+      .then((data: any) => {
+        pageData.value = data.list;
+        total.value = data.total;
+        queryParams.pageNum++;
+      })
+      .catch(() => {
+        pageData.value = [];
       })
       .finally(() => {
-        isSubmitting.value = false;
+        loadMoreState.value = "finished";
       });
-  });
-}
-
-function closeItemDialog() {
-  dialog.visible = false;
-  formRef.value?.reset();
-  Object.assign(formData, initialFormData);
-}
-
-const actionSheetVisible = ref(false);
-const actionSheetActions = ref<{ name: string; color?: string }[]>([]);
-const pendingAction = ref<Record<string, () => void>>({});
-
-function showItemActions(item: DictDataItem) {
-  const actions: { name: string; color?: string }[] = [];
-  const actionMap: Record<string, () => void> = {};
-
-  if (hasPermission("sys:dict-item:update")) {
-    actions.push({ name: "编辑" });
-    actionMap["编辑"] = () => openItemDialog(item.id);
   }
 
-  if (hasPermission("sys:dict-item:delete")) {
-    actions.push({ name: "删除", color: "var(--color-danger)" });
-    actionMap["删除"] = async () => {
-      try {
-        await confirm({
-          title: "确认删除",
-          msg: `确定要删除字典数据「${item.label}」吗？`,
-          headerImage: "warning",
-        });
-        if (item.id) {
-          await DictAPI.deleteItems(dictCode.value, String(item.id));
-          toast.success("删除成功");
-          loadItemList();
-        }
-      } catch {
-        // 用户取消操作
+  async function openItemDialog(id?: string) {
+    formRef.value?.reset();
+    Object.assign(formData, initialFormData);
+    dialog.visible = true;
+    formData.dictCode = dictCode.value;
+
+    if (id) {
+      formData.id = id;
+      const data = await DictAPI.getItemFormData(dictCode.value, id);
+      Object.assign(formData, data, { id });
+    }
+  }
+
+  function submitItemForm() {
+    formRef.value.validate().then(({ valid }: { valid: boolean }) => {
+      if (!valid) return;
+      if (!dictCode.value) {
+        toast.error("缺少字典编码");
+        return;
       }
-    };
+
+      isSubmitting.value = true;
+      const id = formData.id;
+      const action = id
+        ? DictAPI.updateItem(dictCode.value, id, formData)
+        : DictAPI.createItem(dictCode.value, formData);
+
+      action
+        .then(() => {
+          toast.success("操作成功");
+          closeItemDialog();
+          loadItemList();
+        })
+        .finally(() => {
+          isSubmitting.value = false;
+        });
+    });
   }
 
-  if (actions.length === 0) {
-    toast.warning("暂无操作权限");
-    return;
+  function closeItemDialog() {
+    dialog.visible = false;
+    formRef.value?.reset();
+    Object.assign(formData, initialFormData);
   }
 
-  actionSheetActions.value = actions;
-  pendingAction.value = actionMap;
-  actionSheetVisible.value = true;
-}
+  const actionSheetVisible = ref(false);
+  const actionSheetActions = ref<{ name: string; color?: string }[]>([]);
+  const pendingAction = ref<Record<string, () => void>>({});
 
-function handleActionSelect({ item }: { item: any }) {
-  pendingAction.value[item.name]?.();
-}
+  function showItemActions(item: DictDataItem) {
+    const actions: { name: string; color?: string }[] = [];
+    const actionMap: Record<string, () => void> = {};
 
-onReachBottom(() => {
-  if (queryParams.pageNum * queryParams.pageSize < total.value) {
-    fetchItemList();
-  } else {
-    loadMoreState.value = "finished";
+    if (hasPermission("sys:dict-item:update")) {
+      actions.push({ name: "编辑" });
+      actionMap["编辑"] = () => openItemDialog(item.id);
+    }
+
+    if (hasPermission("sys:dict-item:delete")) {
+      actions.push({ name: "删除", color: "var(--color-danger)" });
+      actionMap["删除"] = async () => {
+        try {
+          await confirm({
+            title: "确认删除",
+            msg: `确定要删除字典数据「${item.label}」吗？`,
+            headerImage: "warning",
+          });
+          if (item.id) {
+            await DictAPI.deleteItems(dictCode.value, String(item.id));
+            toast.success("删除成功");
+            loadItemList();
+          }
+        } catch {
+          // 用户取消操作
+        }
+      };
+    }
+
+    if (actions.length === 0) {
+      toast.warning("暂无操作权限");
+      return;
+    }
+
+    actionSheetActions.value = actions;
+    pendingAction.value = actionMap;
+    actionSheetVisible.value = true;
   }
-});
+
+  function handleActionSelect({ item }: { item: any }) {
+    pendingAction.value[item.name]?.();
+  }
+
+  onReachBottom(() => {
+    if (queryParams.pageNum * queryParams.pageSize < total.value) {
+      fetchItemList();
+    } else {
+      loadMoreState.value = "finished";
+    }
+  });
 
   onLoad((query: any) => {
-  dictCode.value = String((query as any)?.dictCode || "");
-  pageTitle.value = String((query as any)?.title || "字典数据");
-  if (pageTitle.value) {
-    uni.setNavigationBarTitle({ title: pageTitle.value });
-  }
-  loadItemList();
-});
+    dictCode.value = String((query as any)?.dictCode || "");
+    pageTitle.value = String((query as any)?.title || "字典数据");
+    if (pageTitle.value) {
+      uni.setNavigationBarTitle({ title: pageTitle.value });
+    }
+    loadItemList();
+  });
 </script>
 
 <script lang="ts">
-export default { options: { styleIsolation: "shared" } };
+  export default { options: { styleIsolation: "shared" } };
 </script>
 
-
diff --git a/src/pages/work/index.vue b/src/pages/work/index.vue
index 5ad56d7..c77b679 100644
--- a/src/pages/work/index.vue
+++ b/src/pages/work/index.vue
@@ -4,12 +4,7 @@
     <template v-for="(item, index) in visibleGridList" :key="index">
       <wd-card :title="item.title">
         <wd-grid clickable :column="4">
-          <wd-grid-item
-            v-for="(child, childIndex) in item.children"
-            :key="childIndex"
-            use-slot
-            @click="handleNavClick(child)"
-          >
+          <wd-grid-item v-for="(child, childIndex) in item.children" :key="childIndex" use-slot @click="handleNavClick(child)">
             <view class="work-grid__icon p-2">
               <image class="w-72rpx h-72rpx rounded-8rpx" :src="child.icon" />
             </view>
@@ -22,39 +17,39 @@
 </template>
 
 <script lang="ts" setup>
-definePage({
-  name: "work",
-  style: {
-    navigationStyle: "custom",
-    navigationBarTitleText: "工作台",
-  },
-  layout: "tabbar",
-});
 
-import { computed } from "vue";
-import { useNavbar } from "@/composables/useNavbar";
-import { useNavigation } from "@/composables/useNavigation";
-import { menuConfig } from "@/config/menu";
-import { hasPermission as checkPermission } from "@/utils/permission";
+  import { computed } from "vue";
+  import { useNavbar } from "@/composables/useNavbar";
+  import { useNavigation } from "@/composables/useNavigation";
+  import { menuConfig } from "@/config/menu";
+  import { hasPermission as checkPermission } from "@/utils/permission";
 
-const navbar = useNavbar();
-const { handleNavClick } = useNavigation();
+  definePage({
+    name: "work",
+    style: {
+      navigationStyle: "custom",
+      navigationBarTitleText: "工作台",
+    },
+    layout: "tabbar",
+  });
 
-// 检查是否有权限
-const hasPermission = (perm: string) => {
-  if (!perm) return true;
-  return checkPermission(perm);
-};
+  const navbar = useNavbar();
+  const { handleNavClick } = useNavigation();
 
-// 根据权限过滤后的菜单列表
-const visibleGridList = computed(() => {
-  return menuConfig
-    .map((group) => ({
-      ...group,
-      children: group.children.filter((item) => hasPermission(item.perm)),
-    }))
-    .filter((group) => group.children.length > 0);
-});
+  // 检查是否有权限
+  const hasPermission = (perm: string) => {
+    if (!perm) return true;
+    return checkPermission(perm);
+  };
+
+  // 根据权限过滤后的菜单列表
+  const visibleGridList = computed(() => {
+    return menuConfig
+      .map((group) => ({
+        ...group,
+        children: group.children.filter((item) => hasPermission(item.perm)),
+      }))
+      .filter((group) => group.children.length > 0);
+  });
 </script>
 
-
diff --git a/src/pages/work/log/index.vue b/src/pages/work/log/index.vue
index c56e26d..3ba875d 100644
--- a/src/pages/work/log/index.vue
+++ b/src/pages/work/log/index.vue
@@ -1,33 +1,18 @@
 <template>
   <view class="page page--padding">
     <view>
-      <wd-search
-        v-model="queryParams.keywords"
-        placeholder="搜索日志内容"
-        hide-cancel
-        @search="handleSearch"
-      />
+      <wd-search v-model="queryParams.keywords" placeholder="搜索日志内容" hide-cancel @search="handleSearch" />
     </view>
 
     <!-- 日志列表 -->
     <view class="mt-16rpx">
-      <wd-card
-        v-for="item in pageData"
-        :key="item.id"
-        custom-class="item-card"
-        @click="openLogDetail(item)"
-      >
+      <wd-card v-for="item in pageData" :key="item.id" custom-class="item-card" @click="openLogDetail(item)">
         <!-- 主信息行 -->
         <view class="flex-start">
           <view class="flex-1">
             <view class="flex-start mt-12rpx">
               <text class="font-bold text-32rpx">{{ item.operatorName }}</text>
-              <wd-tag
-                plain
-                size="small"
-                class="ml-16rpx"
-                :type="item.status === 1 ? 'success' : 'danger'"
-              >
+              <wd-tag plain size="small" class="ml-16rpx" :type="item.status === 1 ? 'success' : 'danger'">
                 {{ item.status === 1 ? "成功" : "失败" }}
               </wd-tag>
             </view>
@@ -48,11 +33,8 @@
         <!-- 元信息行 -->
         <view class="flex-between mt-16rpx">
           <text class="text-24rpx color-text-placeholder">{{ item.createTime }}</text>
-          <view
-            class="w-64rpx h-64rpx flex-center rounded-full"
-            hover-class="bg-[var(--color-text-placeholder)]/16"
-            @click.stop="openLogDetail(item)"
-          >
+          <view class="w-64rpx h-64rpx flex-center rounded-full" hover-class="bg-[var(--color-text-placeholder)]/16"
+            @click.stop="openLogDetail(item)">
             <wd-icon name="view" size="16" class="color-text-secondary" />
           </view>
         </view>
@@ -63,12 +45,7 @@
     </view>
 
     <!-- 详情弹窗 -->
-    <wd-popup
-      v-model="detailDialog.visible"
-      position="bottom"
-      custom-class="popup-bottom"
-      @close="closeLogDetail"
-    >
+    <wd-popup v-model="detailDialog.visible" position="bottom" custom-class="popup-bottom" @close="closeLogDetail">
       <view class="p-4">
         <view class="popup-title">日志详情</view>
         <wd-cell-group border>
@@ -101,76 +78,77 @@
 </template>
 
 <script lang="ts" setup>
-definePage({
-  name: "log",
-  style: { navigationBarTitleText: "系统日志" },
-});
 
-import { onLoad, onReachBottom } from "@dcloudio/uni-app";
-import { LoadMoreState } from "@wot-ui/ui/components/wd-loadmore/types";
-import LogAPI, { type LogPageQuery, LogItem } from "@/api/log";
+  import { onLoad, onReachBottom } from "@dcloudio/uni-app";
+  import { LoadMoreState } from "@wot-ui/ui/components/wd-loadmore/types";
+  import LogAPI, { type LogPageQuery, LogItem } from "@/api/log";
 
-const loadMoreState = ref<LoadMoreState>("loading");
+  definePage({
+    name: "log",
+    style: { navigationBarTitleText: "系统日志" },
+  });
 
-const queryParams = reactive<LogPageQuery>({ pageNum: 1, pageSize: 10 });
-const total = ref(0);
-const pageData = ref<LogItem[]>([]);
+  const loadMoreState = ref<LoadMoreState>("loading");
 
-const logDetail = ref<LogItem>({});
-const detailDialog = reactive({ visible: false });
+  const queryParams = reactive<LogPageQuery>({ pageNum: 1, pageSize: 10 });
+  const total = ref(0);
+  const pageData = ref<LogItem[]>([]);
 
-// 搜索触发
-const handleSearch = () => loadLogList();
+  const logDetail = ref<LogItem>({});
+  const detailDialog = reactive({ visible: false });
 
-// 加载列表
-function loadLogList() {
-  queryParams.pageNum = 1;
-  fetchLogList();
-}
+  // 搜索触发
+  const handleSearch = () => loadLogList();
 
-// 分页加载列表
-function fetchLogList() {
-  loadMoreState.value = "loading";
-  LogAPI.getPage(queryParams)
-    .then((data) => {
-      pageData.value = data.list;
-      total.value = data.total;
-      queryParams.pageNum++;
-    })
-    .catch(() => {
-      pageData.value = [];
-    })
-    .finally(() => {
-      loadMoreState.value = "finished";
-    });
-}
-
-// 打开详情弹窗
-function openLogDetail(item: LogItem) {
-  logDetail.value = item;
-  detailDialog.visible = true;
-}
-
-// 关闭详情弹窗
-function closeLogDetail() {
-  detailDialog.visible = false;
-}
-
-onReachBottom(() => {
-  if (queryParams.pageNum * queryParams.pageSize < total.value) {
+  // 加载列表
+  function loadLogList() {
+    queryParams.pageNum = 1;
     fetchLogList();
-  } else {
-    loadMoreState.value = "finished";
   }
-});
 
-onLoad(() => {
-  loadLogList();
-});
+  // 分页加载列表
+  function fetchLogList() {
+    loadMoreState.value = "loading";
+    LogAPI.getPage(queryParams)
+      .then((data) => {
+        pageData.value = data.list;
+        total.value = data.total;
+        queryParams.pageNum++;
+      })
+      .catch(() => {
+        pageData.value = [];
+      })
+      .finally(() => {
+        loadMoreState.value = "finished";
+      });
+  }
+
+  // 打开详情弹窗
+  function openLogDetail(item: LogItem) {
+    logDetail.value = item;
+    detailDialog.visible = true;
+  }
+
+  // 关闭详情弹窗
+  function closeLogDetail() {
+    detailDialog.visible = false;
+  }
+
+  onReachBottom(() => {
+    if (queryParams.pageNum * queryParams.pageSize < total.value) {
+      fetchLogList();
+    } else {
+      loadMoreState.value = "finished";
+    }
+  });
+
+  onLoad(() => {
+    loadLogList();
+  });
 </script>
 
 <script lang="ts">
-export default { options: { styleIsolation: "shared" } };
+  export default { options: { styleIsolation: "shared" } };
 </script>
 
 
diff --git a/src/pages/work/menu/index.vue b/src/pages/work/menu/index.vue
index 082e6e2..97eeb46 100644
--- a/src/pages/work/menu/index.vue
+++ b/src/pages/work/menu/index.vue
@@ -1,22 +1,12 @@
 <template>
   <view class="page page--padding">
     <view>
-      <wd-search
-        v-model="queryParams.keywords"
-        placeholder="搜索菜单名称"
-        hide-cancel
-        @search="handleSearch"
-      />
+      <wd-search v-model="queryParams.keywords" placeholder="搜索菜单名称" hide-cancel @search="handleSearch" />
     </view>
 
     <!-- 菜单树形列表 -->
     <view class="mt-16rpx">
-      <custom-tree
-        :data="treeData"
-        :default-expand-all="true"
-        :show-action="true"
-        @action="handleNodeAction"
-      >
+      <custom-tree :data="treeData" :default-expand-all="true" :show-action="true" @action="handleNodeAction">
         <!-- 自定义节点内容：ID + 名称 + 状态 -->
         <template #content="{ node }">
           <view class="menu-node">
@@ -26,11 +16,7 @@
             <wd-tag class="flex-shrink-0" :type="getMenuTypeTag(node.type)" size="small">
               {{ getMenuTypeText(node.type) }}
             </wd-tag>
-            <wd-tag
-              class="flex-shrink-0"
-              :type="node.visible === 1 ? 'success' : 'primary'"
-              size="small"
-            >
+            <wd-tag class="flex-shrink-0" :type="node.visible === 1 ? 'success' : 'primary'" size="small">
               {{ node.visible === 1 ? "显示" : "隐藏" }}
             </wd-tag>
           </view>
@@ -41,12 +27,7 @@
     </view>
 
     <!-- 弹窗表单 -->
-    <wd-popup
-      v-model="dialog.visible"
-      position="bottom"
-      custom-class="popup-bottom-scroll"
-      @close="closeMenuDialog"
-    >
+    <wd-popup v-model="dialog.visible" position="bottom" custom-class="popup-bottom-scroll" @close="closeMenuDialog">
       <view class="p-4">
         <view class="popup-title">
           {{ formData.id ? "编辑菜单" : "新增菜单" }}
@@ -54,13 +35,8 @@
         <scroll-view scroll-y class="max-h-60vh">
           <wd-form ref="formRef" :model="formData" :schema="rules">
             <wd-form-item prop="parentId" title="上级菜单" required>
-              <wd-cascader
-                v-model="parentSelected"
-                :columns="parentColumns"
-                :column-change="handleParentColumnChange"
-                :display-format="displayParentFormat"
-                @confirm="handleParentConfirm"
-              />
+              <wd-cascader v-model="parentSelected" :columns="parentColumns" :column-change="handleParentColumnChange"
+                :display-format="displayParentFormat" @confirm="handleParentConfirm" />
             </wd-form-item>
             <wd-form-item prop="name" title="菜单名称" required>
               <wd-input v-model="formData.name" placeholder="请输入菜单名称" />
@@ -103,304 +79,300 @@
     <wd-fab v-if="hasPermission('sys:menu:create') && !dialog.visible" :expandable="false" :gap="{ bottom: 32 }" @click="openMenuDialog()" />
 
     <!-- 操作菜单 -->
-    <wd-action-sheet
-      v-model="actionSheetVisible"
-      :actions="actionSheetActions"
-      cancel-text="取消"
-      @select="handleActionSelect"
-    />
+    <wd-action-sheet v-model="actionSheetVisible" :actions="actionSheetActions" cancel-text="取消" @select="handleActionSelect" />
   </view>
 </template>
 
 <script lang="ts" setup>
-definePage({
-  name: "menu",
-  style: { navigationBarTitleText: "菜单管理" },
-});
 
-import { onLoad } from "@dcloudio/uni-app";
-import { toFormSchema } from "@/utils/form";
-import { useToast, useDialog } from "@wot-ui/ui";
-import MenuAPI, { type MenuQuery, MenuItem, MenuForm } from "@/api/menu";
-import { hasPermission } from "@/utils/permission";
-import CustomTree from "@/components/custom-tree/index.vue";
+  import { onLoad } from "@dcloudio/uni-app";
+  import { toFormSchema } from "@/utils/form";
+  import { useToast, useDialog } from "@wot-ui/ui";
+  import MenuAPI, { type MenuQuery, MenuItem, MenuForm } from "@/api/menu";
+  import { hasPermission } from "@/utils/permission";
+  import CustomTree from "@/components/custom-tree/index.vue";
 
-const toast = useToast();
+  definePage({
+    name: "menu",
+    style: { navigationBarTitleText: "菜单管理" },
+  });
+
+  const toast = useToast();
   const { confirm } = useDialog();
-const formRef = ref();
-const isSubmitting = ref(false);
+  const formRef = ref();
+  const isSubmitting = ref(false);
 
-const queryParams = reactive<MenuQuery>({ keywords: "" });
-const menuList = ref<MenuItem[]>([]);
-const dialog = reactive({ visible: false });
+  const queryParams = reactive<MenuQuery>({ keywords: "" });
+  const menuList = ref<MenuItem[]>([]);
+  const dialog = reactive({ visible: false });
 
-const actionSheetVisible = ref(false);
-const actionSheetActions = ref<{ name: string; color?: string }[]>([]);
-const currentActionItem = ref<any>(null);
+  const actionSheetVisible = ref(false);
+  const actionSheetActions = ref<{ name: string; color?: string }[]>([]);
+  const currentActionItem = ref<any>(null);
 
-const initialFormData: MenuForm = {
-  id: undefined,
-  parentId: "0",
-  name: undefined,
-  type: "M",
-  routePath: undefined,
-  component: undefined,
-  perm: undefined,
-  icon: undefined,
-  sort: 1,
-  visible: 1,
-};
+  const initialFormData: MenuForm = {
+    id: undefined,
+    parentId: "0",
+    name: undefined,
+    type: "M",
+    routePath: undefined,
+    component: undefined,
+    perm: undefined,
+    icon: undefined,
+    sort: 1,
+    visible: 1,
+  };
 
-const formData = reactive<MenuForm>({ ...initialFormData });
+  const formData = reactive<MenuForm>({ ...initialFormData });
 
-// 转换为树组件数据格式
+  // 转换为树组件数据格式
   const treeData = computed(() => menuList.value.map((menu: MenuItem) => transformMenuToTree(menu)));
 
-function transformMenuToTree(menu: MenuItem): any {
-  return {
-    value: menu.id,
-    label: menu.name,
-    id: menu.id,
-    name: menu.name,
-    type: menu.type,
-    icon: menu.icon,
-    visible: menu.visible,
-    perm: menu.perm,
-    children: menu.children?.map((child: MenuItem) => transformMenuToTree(child)) || [],
+  function transformMenuToTree(menu: MenuItem): any {
+    return {
+      value: menu.id,
+      label: menu.name,
+      id: menu.id,
+      name: menu.name,
+      type: menu.type,
+      icon: menu.icon,
+      visible: menu.visible,
+      perm: menu.perm,
+      children: menu.children?.map((child: MenuItem) => transformMenuToTree(child)) || [],
+    };
+  }
+
+  // 菜单类型标签
+  function normalizeMenuType(type?: string | number) {
+    if (type === 1 || type === "1") return "C";
+    if (type === 2 || type === "2") return "M";
+    if (type === 3 || type === "3") return "B";
+    return type;
+  }
+
+  function getMenuTypeTag(type?: string | number): "primary" | "success" | "warning" | "danger" {
+    const map: Record<string, "primary" | "success" | "warning" | "danger"> = {
+      C: "warning",
+      M: "success",
+      B: "danger",
+    };
+    const key = String(normalizeMenuType(type) || "M");
+    return map[key] || "primary";
+  }
+
+  function getMenuTypeText(type?: string | number) {
+    const map: Record<string, string> = { C: "目录", M: "菜单", B: "按钮" };
+    const key = String(normalizeMenuType(type) || "M");
+    return map[key] || "菜单";
+  }
+
+  // 上级菜单选择器
+  const parentSelected = ref<(string | number)[]>([]);
+  const parentColumns = ref<OptionType[][]>([]);
+  const parentOptions = ref<OptionType[]>([]);
+
+  const displayParentFormat = (selectedItems: Record<string, any>[]) => {
+    if (!selectedItems || selectedItems.length === 0) return "";
+    return selectedItems
+      .map((item) => item?.label)
+      .filter((label) => !!label)
+      .join("/");
   };
-}
 
-// 菜单类型标签
-function normalizeMenuType(type?: string | number) {
-  if (type === 1 || type === "1") return "C";
-  if (type === 2 || type === "2") return "M";
-  if (type === 3 || type === "3") return "B";
-  return type;
-}
+  function findMenuPath(
+    data: Record<string, any>[],
+    targetId: string,
+    path: (string | number)[] = []
+  ): (string | number)[] | null {
+    for (const item of data) {
+      const currentPath = [...path, item.value];
+      if (String(item.value) === targetId) {
+        return currentPath;
+      }
+      if (item.children && item.children.length > 0) {
+        const found = findMenuPath(item.children, targetId, currentPath);
+        if (found) return found;
+      }
+    }
+    return null;
+  }
 
-function getMenuTypeTag(type?: string | number): "primary" | "success" | "warning" | "danger" {
-  const map: Record<string, "primary" | "success" | "warning" | "danger"> = {
-    C: "warning",
-    M: "success",
-    B: "danger",
+  const handleParentColumnChange = ({ selectedItem, resolve, finish }: any) => {
+    if (String(selectedItem?.value) === "0") {
+      finish();
+      return;
+    }
+    const children = selectedItem.children;
+    if (children && children.length > 0) {
+      resolve(children);
+    } else {
+      finish();
+    }
   };
-  const key = String(normalizeMenuType(type) || "M");
-  return map[key] || "primary";
-}
 
-function getMenuTypeText(type?: string | number) {
-  const map: Record<string, string> = { C: "目录", M: "菜单", B: "按钮" };
-  const key = String(normalizeMenuType(type) || "M");
-  return map[key] || "菜单";
-}
+  const handleParentConfirm = ({ value }: any) => {
+    parentSelected.value = value;
+    formData.parentId = String(value[value.length - 1]) || "0";
+  };
 
-// 上级菜单选择器
-const parentSelected = ref<(string | number)[]>([]);
-const parentColumns = ref<OptionType[][]>([]);
-const parentOptions = ref<OptionType[]>([]);
-
-const displayParentFormat = (selectedItems: Record<string, any>[]) => {
-  if (!selectedItems || selectedItems.length === 0) return "";
-  return selectedItems
-    .map((item) => item?.label)
-    .filter((label) => !!label)
-    .join("/");
-};
-
-function findMenuPath(
-  data: Record<string, any>[],
-  targetId: string,
-  path: (string | number)[] = []
-): (string | number)[] | null {
-  for (const item of data) {
-    const currentPath = [...path, item.value];
-    if (String(item.value) === targetId) {
-      return currentPath;
-    }
-    if (item.children && item.children.length > 0) {
-      const found = findMenuPath(item.children, targetId, currentPath);
-      if (found) return found;
-    }
-  }
-  return null;
-}
-
-const handleParentColumnChange = ({ selectedItem, resolve, finish }: any) => {
-  if (String(selectedItem?.value) === "0") {
-    finish();
-    return;
-  }
-  const children = selectedItem.children;
-  if (children && children.length > 0) {
-    resolve(children);
-  } else {
-    finish();
-  }
-};
-
-const handleParentConfirm = ({ value }: any) => {
-  parentSelected.value = value;
-  formData.parentId = String(value[value.length - 1]) || "0";
-};
-
-const rules = toFormSchema({
-  name: [{ required: true, message: "请输入菜单名称" }],
-  type: [{ required: true, message: "请选择菜单类型" }],
-  parentId: [{ required: true, message: "请选择上级菜单" }],
-});
-
-const handleSearch = () => loadMenuList();
-
-function loadMenuList() {
-  MenuAPI.getList(queryParams).then((data: any) => {
-    menuList.value = data;
+  const rules = toFormSchema({
+    name: [{ required: true, message: "请输入菜单名称" }],
+    type: [{ required: true, message: "请选择菜单类型" }],
+    parentId: [{ required: true, message: "请选择上级菜单" }],
   });
-}
 
-// 操作菜单分发
-function handleActionSelect({ item }: { item: any }) {
-  const value = item.name;
-  const menu = currentActionItem.value;
-  if (value === "新增子菜单") {
-    handleAddChild(menu);
-  } else if (value === "编辑") {
-    openMenuDialog(menu);
-  } else if (value === "删除") {
-    confirm({
-      title: "确认删除",
-      msg: `确定要删除菜单「${menu.name}」吗？`,
-      headerImage: "warning",
-    }).then(async () => {
-      await MenuAPI.deleteById(menu.id!);
-      toast.success("删除成功");
-      loadMenuList();
+  const handleSearch = () => loadMenuList();
+
+  function loadMenuList() {
+    MenuAPI.getList(queryParams).then((data: any) => {
+      menuList.value = data;
     });
   }
-}
 
-// 处理节点操作按钮点击
-function handleNodeAction(node: any) {
-  const menu: MenuItem = {
-    id: node.id,
-    name: node.label,
-    type: node.type,
-    visible: node.visible,
-    children: node.children,
-  } as MenuItem;
-
-  const actions: { name: string; color?: string }[] = [];
-
-  if (hasPermission("sys:menu:create") && node.type !== 3) {
-    actions.push({ name: "新增子菜单" });
+  // 操作菜单分发
+  function handleActionSelect({ item }: { item: any }) {
+    const value = item.name;
+    const menu = currentActionItem.value;
+    if (value === "新增子菜单") {
+      handleAddChild(menu);
+    } else if (value === "编辑") {
+      openMenuDialog(menu);
+    } else if (value === "删除") {
+      confirm({
+        title: "确认删除",
+        msg: `确定要删除菜单「${menu.name}」吗？`,
+        headerImage: "warning",
+      }).then(async () => {
+        await MenuAPI.deleteById(menu.id!);
+        toast.success("删除成功");
+        loadMenuList();
+      });
+    }
   }
 
-  if (hasPermission("sys:menu:update")) {
-    actions.push({ name: "编辑" });
+  // 处理节点操作按钮点击
+  function handleNodeAction(node: any) {
+    const menu: MenuItem = {
+      id: node.id,
+      name: node.label,
+      type: node.type,
+      visible: node.visible,
+      children: node.children,
+    } as MenuItem;
+
+    const actions: { name: string; color?: string }[] = [];
+
+    if (hasPermission("sys:menu:create") && node.type !== 3) {
+      actions.push({ name: "新增子菜单" });
+    }
+
+    if (hasPermission("sys:menu:update")) {
+      actions.push({ name: "编辑" });
+    }
+
+    if (hasPermission("sys:menu:delete")) {
+      actions.push({ name: "删除", color: "var(--color-danger)" });
+    }
+
+    if (actions.length === 0) {
+      toast.warning("暂无操作权限");
+      return;
+    }
+
+    currentActionItem.value = menu;
+    actionSheetActions.value = actions;
+    actionSheetVisible.value = true;
   }
 
-  if (hasPermission("sys:menu:delete")) {
-    actions.push({ name: "删除", color: "var(--color-danger)" });
-  }
+  // 打开弹窗（新增/编辑）
+  async function openMenuDialog(menu?: MenuItem) {
+    formRef.value?.reset();
+    Object.assign(formData, initialFormData);
+    parentSelected.value = [];
+    dialog.visible = true;
 
-  if (actions.length === 0) {
-    toast.warning("暂无操作权限");
-    return;
-  }
+    const data = await MenuAPI.getOptions(true);
+    parentOptions.value = data;
+    const firstColumn: OptionType[] = [{ value: "0", label: "顶级菜单" }, ...data];
+    parentColumns.value = [firstColumn];
 
-  currentActionItem.value = menu;
-  actionSheetActions.value = actions;
-  actionSheetVisible.value = true;
-}
+    if (menu) {
+      formData.id = menu.id;
+      const form = await MenuAPI.getFormData(menu.id!);
+      Object.assign(formData, form, { id: menu.id });
 
-// 打开弹窗（新增/编辑）
-async function openMenuDialog(menu?: MenuItem) {
-  formRef.value?.reset();
-  Object.assign(formData, initialFormData);
-  parentSelected.value = [];
-  dialog.visible = true;
-
-  const data = await MenuAPI.getOptions(true);
-  parentOptions.value = data;
-  const firstColumn: OptionType[] = [{ value: "0", label: "顶级菜单" }, ...data];
-  parentColumns.value = [firstColumn];
-
-  if (menu) {
-    formData.id = menu.id;
-    const form = await MenuAPI.getFormData(menu.id!);
-    Object.assign(formData, form, { id: menu.id });
-
-    if (form.parentId && String(form.parentId) !== "0") {
-      const path = findMenuPath(data, String(form.parentId));
-      if (path) {
-        parentSelected.value = path;
-        const columns: OptionType[][] = [firstColumn];
-        let currentLevel = data;
-        for (let i = 0; i < path.length - 1; i++) {
-          const found = currentLevel.find((item: any) => String(item.value) === String(path[i]));
-          if (found && found.children && found.children.length > 0) {
-            columns.push(found.children);
-            currentLevel = found.children;
-          } else {
-            break;
+      if (form.parentId && String(form.parentId) !== "0") {
+        const path = findMenuPath(data, String(form.parentId));
+        if (path) {
+          parentSelected.value = path;
+          const columns: OptionType[][] = [firstColumn];
+          let currentLevel = data;
+          for (let i = 0; i < path.length - 1; i++) {
+            const found = currentLevel.find((item: any) => String(item.value) === String(path[i]));
+            if (found && found.children && found.children.length > 0) {
+              columns.push(found.children);
+              currentLevel = found.children;
+            } else {
+              break;
+            }
           }
+          parentColumns.value = columns;
+        } else {
+          parentSelected.value = [String(form.parentId)];
         }
-        parentColumns.value = columns;
-      } else {
-        parentSelected.value = [String(form.parentId)];
       }
     }
   }
-}
 
-// 新增子菜单
-function handleAddChild(menu: MenuItem) {
-  openMenuDialog({ id: undefined, parentId: menu.id } as MenuItem);
-  formData.parentId = menu.id!;
-  parentSelected.value = [menu.id!];
-}
+  // 新增子菜单
+  function handleAddChild(menu: MenuItem) {
+    openMenuDialog({ id: undefined, parentId: menu.id } as MenuItem);
+    formData.parentId = menu.id!;
+    parentSelected.value = [menu.id!];
+  }
 
-// 提交表单
-function submitMenuForm() {
-  formRef.value.validate().then(({ valid }: { valid: boolean }) => {
-    if (!valid) return;
-    isSubmitting.value = true;
-    const action = formData.id ? MenuAPI.update(formData.id, formData) : MenuAPI.add(formData);
-    action
-      .then(() => {
-        toast.success("操作成功");
-        closeMenuDialog();
-        loadMenuList();
-      })
-      .finally(() => {
-        isSubmitting.value = false;
-      });
+  // 提交表单
+  function submitMenuForm() {
+    formRef.value.validate().then(({ valid }: { valid: boolean }) => {
+      if (!valid) return;
+      isSubmitting.value = true;
+      const action = formData.id ? MenuAPI.update(formData.id, formData) : MenuAPI.add(formData);
+      action
+        .then(() => {
+          toast.success("操作成功");
+          closeMenuDialog();
+          loadMenuList();
+        })
+        .finally(() => {
+          isSubmitting.value = false;
+        });
+    });
+  }
+
+  // 关闭弹窗
+  function closeMenuDialog() {
+    dialog.visible = false;
+    formRef.value?.reset();
+    Object.assign(formData, initialFormData);
+  }
+
+  onLoad(() => {
+    loadMenuList();
   });
-}
-
-// 关闭弹窗
-function closeMenuDialog() {
-  dialog.visible = false;
-  formRef.value?.reset();
-  Object.assign(formData, initialFormData);
-}
-
-onLoad(() => {
-  loadMenuList();
-});
 </script>
 
 <script lang="ts">
-export default { options: { styleIsolation: "shared" } };
+  export default { options: { styleIsolation: "shared" } };
 </script>
 
 
 
 <style lang="scss" scoped>
-.menu-node {
-  display: flex;
-  flex: 1;
-  flex-wrap: nowrap;
-  gap: 16rpx;
-  align-items: center;
-}
+  .menu-node {
+    display: flex;
+    flex: 1;
+    flex-wrap: nowrap;
+    gap: 16rpx;
+    align-items: center;
+  }
 </style>
diff --git a/src/pages/work/monitor/index.vue b/src/pages/work/monitor/index.vue
index 88ac4d7..d6aef6d 100644
--- a/src/pages/work/monitor/index.vue
+++ b/src/pages/work/monitor/index.vue
@@ -5,13 +5,12 @@
 </template>
 
 <script setup lang="ts">
+  import { ref } from "vue";
+
 definePage({
   name: "monitor",
   style: { navigationBarTitleText: "应用监控" },
 });
-
-import { ref } from "vue";
-
 // SpringBoot Admin 监控地址
 const monitorUrl = ref("http://localhost:9090/wallboard");
 </script>
diff --git a/src/pages/work/notice/index.vue b/src/pages/work/notice/index.vue
index ea09cf3..e76ae09 100644
--- a/src/pages/work/notice/index.vue
+++ b/src/pages/work/notice/index.vue
@@ -1,22 +1,12 @@
 <template>
   <view class="page page--padding">
     <view>
-      <wd-search
-        v-model="queryParams.title"
-        placeholder="搜索通知标题"
-        hide-cancel
-        @search="handleSearch"
-      />
+      <wd-search v-model="queryParams.title" placeholder="搜索通知标题" hide-cancel @search="handleSearch" />
     </view>
 
     <!-- 通知列表 -->
     <view class="mt-16rpx">
-      <wd-card
-        v-for="item in pageData"
-        :key="item.id"
-        custom-class="item-card"
-        @click="openNoticeDetail(item)"
-      >
+      <wd-card v-for="item in pageData" :key="item.id" custom-class="item-card" @click="openNoticeDetail(item)">
         <!-- 主信息行 -->
         <view class="flex-start">
           <view class="notice-card__main">
@@ -51,11 +41,7 @@
         <!-- 元信息行 -->
         <view class="notice-card__footer">
           <text class="notice-card__time">{{ formatTime(item) }}</text>
-          <view
-            class="notice-card__action"
-            hover-class="notice-card__action--hover"
-            @click.stop="showNoticeActions(item)"
-          >
+          <view class="notice-card__action" hover-class="notice-card__action--hover" @click.stop="showNoticeActions(item)">
             <wd-icon name="more" size="16" class="color-text-secondary" />
           </view>
         </view>
@@ -66,12 +52,7 @@
     </view>
 
     <!-- 详情弹窗 -->
-    <wd-popup
-      v-model="detailDialog.visible"
-      position="bottom"
-      custom-class="popup-bottom"
-      @close="closeNoticeDetail"
-    >
+    <wd-popup v-model="detailDialog.visible" position="bottom" custom-class="popup-bottom" @close="closeNoticeDetail">
       <view class="p-4">
         <view class="popup-title">通知详情</view>
         <wd-cell-group border>
@@ -96,12 +77,7 @@
     </wd-popup>
 
     <!-- 新增/编辑弹窗 -->
-    <wd-popup
-      v-model="formDialog.visible"
-      position="bottom"
-      custom-class="popup-bottom"
-      @close="closeNoticeForm"
-    >
+    <wd-popup v-model="formDialog.visible" position="bottom" custom-class="popup-bottom" @close="closeNoticeForm">
       <view class="p-4">
         <view class="popup-title">
           {{ formData.id ? "编辑通知" : "新增通知" }}
@@ -124,12 +100,7 @@
             </wd-radio-group>
           </wd-form-item>
           <wd-form-item prop="content" title="内容">
-            <wd-textarea
-              v-model="formData.content"
-              placeholder="请输入通知内容"
-              :maxlength="500"
-              show-word-limit
-            />
+            <wd-textarea v-model="formData.content" placeholder="请输入通知内容" :maxlength="500" show-word-limit />
           </wd-form-item>
         </wd-form>
         <view class="popup-actions">
@@ -141,333 +112,326 @@
       </view>
     </wd-popup>
 
-    <wd-action-sheet
-      v-model="actionSheetVisible"
-      :actions="actionSheetActions"
-      cancel-text="取消"
-      @select="handleActionSelect"
-    />
+    <wd-action-sheet v-model="actionSheetVisible" :actions="actionSheetActions" cancel-text="取消" @select="handleActionSelect" />
 
-    <wd-fab
-      v-if="hasPermission('sys:notice:create') && !formDialog.visible && !detailDialog.visible"
-      :expandable="false"
-      :gap="{ bottom: 32 }"
-      @click="openNoticeForm()"
-    />
+    <wd-fab v-if="hasPermission('sys:notice:create') && !formDialog.visible && !detailDialog.visible" :expandable="false" :gap="{ bottom: 32 }"
+      @click="openNoticeForm()" />
   </view>
 </template>
 
 <script lang="ts" setup>
-definePage({
-  name: "notice",
-  style: { navigationBarTitleText: "通知公告" },
-});
 
-import { onLoad, onReachBottom } from "@dcloudio/uni-app";
-import { LoadMoreState } from "@wot-ui/ui/components/wd-loadmore/types";
-import { toFormSchema } from "@/utils/form";
-import { useToast, useDialog } from "@wot-ui/ui";
-import NoticeAPI, {
-  type NoticePageQuery,
-  NoticeItem,
-  NoticeDetail,
-  NoticeForm,
-} from "@/api/notice";
-import { hasPermission } from "@/utils/permission";
+  import { onLoad, onReachBottom } from "@dcloudio/uni-app";
+  import { LoadMoreState } from "@wot-ui/ui/components/wd-loadmore/types";
+  import { toFormSchema } from "@/utils/form";
+  import { useToast, useDialog } from "@wot-ui/ui";
+  import NoticeAPI, {
+    type NoticePageQuery,
+    NoticeItem,
+    NoticeDetail,
+    NoticeForm,
+  } from "@/api/notice";
+  import { hasPermission } from "@/utils/permission";
 
-const toast = useToast();
+
+  definePage({
+    name: "notice",
+    style: { navigationBarTitleText: "通知公告" },
+  });
+
+  const toast = useToast();
   const { confirm } = useDialog();
-const loadMoreState = ref<LoadMoreState>("loading");
-const formRef = ref();
-const isSubmitting = ref(false);
+  const loadMoreState = ref<LoadMoreState>("loading");
+  const formRef = ref();
+  const isSubmitting = ref(false);
 
-const queryParams = reactive<NoticePageQuery>({ pageNum: 1, pageSize: 10 });
-const total = ref(0);
-const pageData = ref<NoticeItem[]>([]);
+  const queryParams = reactive<NoticePageQuery>({ pageNum: 1, pageSize: 10 });
+  const total = ref(0);
+  const pageData = ref<NoticeItem[]>([]);
 
-const noticeDetail = ref<NoticeDetail>({});
-const detailDialog = reactive({ visible: false });
+  const noticeDetail = ref<NoticeDetail>({});
+  const detailDialog = reactive({ visible: false });
 
-const formDialog = reactive({ visible: false });
-const initialFormData: NoticeForm = {
-  id: undefined,
-  title: undefined,
-  content: undefined,
-  type: undefined,
-  level: "M",
-  targetType: 1,
-  targetUserIds: undefined,
-};
-const formData = reactive<NoticeForm>({ ...initialFormData });
-
-const formRules = toFormSchema({
-  title: [{ required: true, message: "请输入通知标题" }],
-});
-
-// 获取状态样式
-const getStatusType = (
-  status?: number
-): "default" | "primary" | "danger" | "warning" | "success" => {
-  const map: Record<number, "default" | "primary" | "danger" | "warning" | "success"> = {
-    0: "primary",
-    1: "success",
-    [-1]: "warning",
+  const formDialog = reactive({ visible: false });
+  const initialFormData: NoticeForm = {
+    id: undefined,
+    title: undefined,
+    content: undefined,
+    type: undefined,
+    level: "M",
+    targetType: 1,
+    targetUserIds: undefined,
   };
-  return status !== undefined ? map[status] || "default" : "default";
-};
+  const formData = reactive<NoticeForm>({ ...initialFormData });
 
-// 获取状态文本
-const getStatusText = (status?: number): string => {
-  const map: Record<number, string> = { 0: "未发布", 1: "已发布", [-1]: "已撤回" };
-  return status !== undefined ? map[status] || "未知" : "-";
-};
+  const formRules = toFormSchema({
+    title: [{ required: true, message: "请输入通知标题" }],
+  });
 
-// 获取级别文本
-const getLevelText = (level?: string | number): string => {
-  const map: Record<string, string> = { L: "低", M: "中", H: "高" };
-  return level ? map[String(level)] || String(level) : "-";
-};
+  // 获取状态样式
+  const getStatusType = (
+    status?: number
+  ): "default" | "primary" | "danger" | "warning" | "success" => {
+    const map: Record<number, "default" | "primary" | "danger" | "warning" | "success"> = {
+      0: "primary",
+      1: "success",
+      [-1]: "warning",
+    };
+    return status !== undefined ? map[status] || "default" : "default";
+  };
 
-// 格式化时间
-const formatTime = (item: NoticeItem): string => {
-  if (item.publishStatus === 1 && item.publishTime) {
-    return String(item.publishTime);
+  // 获取状态文本
+  const getStatusText = (status?: number): string => {
+    const map: Record<number, string> = { 0: "未发布", 1: "已发布", [-1]: "已撤回" };
+    return status !== undefined ? map[status] || "未知" : "-";
+  };
+
+  // 获取级别文本
+  const getLevelText = (level?: string | number): string => {
+    const map: Record<string, string> = { L: "低", M: "中", H: "高" };
+    return level ? map[String(level)] || String(level) : "-";
+  };
+
+  // 格式化时间
+  const formatTime = (item: NoticeItem): string => {
+    if (item.publishStatus === 1 && item.publishTime) {
+      return String(item.publishTime);
+    }
+    if (item.publishStatus === -1 && item.revokeTime) {
+      return String(item.revokeTime);
+    }
+    return "-";
+  };
+
+  // 搜索触发
+  const handleSearch = () => loadNoticeList();
+
+  // 加载列表
+  function loadNoticeList() {
+    queryParams.pageNum = 1;
+    fetchNoticeList();
   }
-  if (item.publishStatus === -1 && item.revokeTime) {
-    return String(item.revokeTime);
-  }
-  return "-";
-};
 
-// 搜索触发
-const handleSearch = () => loadNoticeList();
-
-// 加载列表
-function loadNoticeList() {
-  queryParams.pageNum = 1;
-  fetchNoticeList();
-}
-
-// 分页加载列表
-function fetchNoticeList() {
-  loadMoreState.value = "loading";
-  NoticeAPI.getPage(queryParams)
-    .then((data) => {
-      pageData.value = data.list;
-      total.value = data.total;
-      queryParams.pageNum++;
-    })
-    .catch(() => {
-      pageData.value = [];
-    })
-    .finally(() => {
-      loadMoreState.value = "finished";
-    });
-}
-
-// 打开详情弹窗
-async function openNoticeDetail(item: NoticeItem) {
-  const detail = await NoticeAPI.getDetail(item.id);
-  noticeDetail.value = detail;
-  detailDialog.visible = true;
-}
-
-// 关闭详情弹窗
-function closeNoticeDetail() {
-  detailDialog.visible = false;
-}
-
-// 打开表单弹窗
-async function openNoticeForm(id?: number) {
-  formRef.value?.reset();
-  Object.assign(formData, initialFormData);
-  formDialog.visible = true;
-  if (id) {
-    formData.id = id;
-    const data = await NoticeAPI.getFormData(id);
-    Object.assign(formData, data, { id });
-  }
-}
-
-// 关闭表单弹窗
-function closeNoticeForm() {
-  formDialog.visible = false;
-  formRef.value?.reset();
-  Object.assign(formData, initialFormData);
-}
-
-// 提交表单
-function submitNoticeForm() {
-  formRef.value.validate().then(({ valid }: { valid: boolean }) => {
-    if (!valid) return;
-    isSubmitting.value = true;
-    const id = formData.id;
-    const action = id ? NoticeAPI.update(id, formData) : NoticeAPI.add(formData);
-    action
-      .then(() => {
-        toast.success("操作成功");
-        closeNoticeForm();
-        loadNoticeList();
+  // 分页加载列表
+  function fetchNoticeList() {
+    loadMoreState.value = "loading";
+    NoticeAPI.getPage(queryParams)
+      .then((data) => {
+        pageData.value = data.list;
+        total.value = data.total;
+        queryParams.pageNum++;
+      })
+      .catch(() => {
+        pageData.value = [];
       })
       .finally(() => {
-        isSubmitting.value = false;
+        loadMoreState.value = "finished";
       });
+  }
+
+  // 打开详情弹窗
+  async function openNoticeDetail(item: NoticeItem) {
+    const detail = await NoticeAPI.getDetail(item.id);
+    noticeDetail.value = detail;
+    detailDialog.visible = true;
+  }
+
+  // 关闭详情弹窗
+  function closeNoticeDetail() {
+    detailDialog.visible = false;
+  }
+
+  // 打开表单弹窗
+  async function openNoticeForm(id?: number) {
+    formRef.value?.reset();
+    Object.assign(formData, initialFormData);
+    formDialog.visible = true;
+    if (id) {
+      formData.id = id;
+      const data = await NoticeAPI.getFormData(id);
+      Object.assign(formData, data, { id });
+    }
+  }
+
+  // 关闭表单弹窗
+  function closeNoticeForm() {
+    formDialog.visible = false;
+    formRef.value?.reset();
+    Object.assign(formData, initialFormData);
+  }
+
+  // 提交表单
+  function submitNoticeForm() {
+    formRef.value.validate().then(({ valid }: { valid: boolean }) => {
+      if (!valid) return;
+      isSubmitting.value = true;
+      const id = formData.id;
+      const action = id ? NoticeAPI.update(id, formData) : NoticeAPI.add(formData);
+      action
+        .then(() => {
+          toast.success("操作成功");
+          closeNoticeForm();
+          loadNoticeList();
+        })
+        .finally(() => {
+          isSubmitting.value = false;
+        });
+    });
+  }
+
+  // 更多操作
+  const actionSheetVisible = ref(false);
+  const actionSheetActions = ref<{ name: string; color?: string }[]>([]);
+  const pendingAction = ref<Record<string, () => void>>({});
+
+  function showNoticeActions(item: NoticeItem) {
+    const actions: { name: string; color?: string }[] = [{ name: "查看" }];
+    const actionMap: Record<string, () => void> = {
+      查看: () => openNoticeDetail(item),
+    };
+
+    if (item.publishStatus !== 1) {
+      if (hasPermission("sys:notice:update")) {
+        actions.push({ name: "编辑" });
+        actionMap["编辑"] = () => openNoticeForm(Number(item.id));
+      }
+      if (hasPermission("sys:notice:delete")) {
+        actions.push({ name: "删除", color: "var(--color-danger)" });
+        actionMap["删除"] = async () => {
+          try {
+            await confirm({
+              title: "确认删除",
+              msg: `确定要删除通知「${item.title}」吗？`,
+              headerImage: "warning",
+            });
+            await NoticeAPI.deleteByIds(item.id);
+            toast.success("删除成功");
+            loadNoticeList();
+          } catch {
+            // 用户取消操作
+          }
+        };
+      }
+      if (hasPermission("sys:notice:publish")) {
+        actions.push({ name: "发布" });
+        actionMap["发布"] = async () => {
+          try {
+            await confirm({
+              title: "确认发布",
+              msg: `确定要发布通知「${item.title}」吗？`,
+              headerImage: "warning",
+            });
+            await NoticeAPI.publish(Number(item.id));
+            toast.success("发布成功");
+            loadNoticeList();
+          } catch {
+            // 用户取消操作
+          }
+        };
+      }
+    } else {
+      if (hasPermission("sys:notice:revoke")) {
+        actions.push({ name: "撤回", color: "var(--color-warning)" });
+        actionMap["撤回"] = async () => {
+          try {
+            await confirm({
+              title: "确认撤回",
+              msg: `确定要撤回通知「${item.title}」吗？`,
+              headerImage: "warning",
+            });
+            await NoticeAPI.revoke(Number(item.id));
+            toast.success("撤回成功");
+            loadNoticeList();
+          } catch {
+            // 用户取消操作
+          }
+        };
+      }
+    }
+
+    actionSheetActions.value = actions;
+    pendingAction.value = actionMap;
+    actionSheetVisible.value = true;
+  }
+
+  function handleActionSelect({ item }: { item: any }) {
+    pendingAction.value[item.name]?.();
+  }
+
+  onReachBottom(() => {
+    if (queryParams.pageNum * queryParams.pageSize < total.value) {
+      fetchNoticeList();
+    } else {
+      loadMoreState.value = "finished";
+    }
   });
-}
 
-// 更多操作
-const actionSheetVisible = ref(false);
-const actionSheetActions = ref<{ name: string; color?: string }[]>([]);
-const pendingAction = ref<Record<string, () => void>>({});
-
-function showNoticeActions(item: NoticeItem) {
-  const actions: { name: string; color?: string }[] = [{ name: "查看" }];
-  const actionMap: Record<string, () => void> = {
-    查看: () => openNoticeDetail(item),
-  };
-
-  if (item.publishStatus !== 1) {
-    if (hasPermission("sys:notice:update")) {
-      actions.push({ name: "编辑" });
-      actionMap["编辑"] = () => openNoticeForm(Number(item.id));
-    }
-    if (hasPermission("sys:notice:delete")) {
-      actions.push({ name: "删除", color: "var(--color-danger)" });
-      actionMap["删除"] = async () => {
-        try {
-          await confirm({
-            title: "确认删除",
-            msg: `确定要删除通知「${item.title}」吗？`,
-            type: "warning",
-          });
-          await NoticeAPI.deleteByIds(item.id);
-          toast.success("删除成功");
-          loadNoticeList();
-        } catch {
-          // 用户取消操作
-        }
-      };
-    }
-    if (hasPermission("sys:notice:publish")) {
-      actions.push({ name: "发布" });
-      actionMap["发布"] = async () => {
-        try {
-          await confirm({
-            title: "确认发布",
-            msg: `确定要发布通知「${item.title}」吗？`,
-            type: "warning",
-          });
-          await NoticeAPI.publish(Number(item.id));
-          toast.success("发布成功");
-          loadNoticeList();
-        } catch {
-          // 用户取消操作
-        }
-      };
-    }
-  } else {
-    if (hasPermission("sys:notice:revoke")) {
-      actions.push({ name: "撤回", color: "var(--color-warning)" });
-      actionMap["撤回"] = async () => {
-        try {
-          await confirm({
-            title: "确认撤回",
-            msg: `确定要撤回通知「${item.title}」吗？`,
-            type: "warning",
-          });
-          await NoticeAPI.revoke(Number(item.id));
-          toast.success("撤回成功");
-          loadNoticeList();
-        } catch {
-          // 用户取消操作
-        }
-      };
-    }
-  }
-
-  actionSheetActions.value = actions;
-  pendingAction.value = actionMap;
-  actionSheetVisible.value = true;
-}
-
-function handleActionSelect({ item }: { item: any }) {
-  pendingAction.value[item.name]?.();
-}
-
-onReachBottom(() => {
-  if (queryParams.pageNum * queryParams.pageSize < total.value) {
-    fetchNoticeList();
-  } else {
-    loadMoreState.value = "finished";
-  }
-});
-
-onLoad(() => {
-  loadNoticeList();
-});
+  onLoad(() => {
+    loadNoticeList();
+  });
 </script>
 
 <script lang="ts">
-export default { options: { styleIsolation: "shared" } };
+  export default { options: { styleIsolation: "shared" } };
 </script>
 
 
 
 <style lang="scss" scoped>
-.notice-card__main {
-  flex: 1;
-}
+  .notice-card__main {
+    flex: 1;
+  }
 
-.notice-card__title {
-  font-weight: 700;
-  font-size: 32rpx;
-}
+  .notice-card__title {
+    font-weight: 700;
+    font-size: 32rpx;
+  }
 
-.notice-card__publisher {
-  font-size: 24rpx;
-  color: var(--color-text-secondary);
-}
+  .notice-card__publisher {
+    font-size: 24rpx;
+    color: var(--color-text-secondary);
+  }
 
-.notice-card__meta {
-  display: flex;
-  gap: 24rpx;
-  margin-top: 12rpx;
-}
+  .notice-card__meta {
+    display: flex;
+    gap: 24rpx;
+    margin-top: 12rpx;
+  }
 
-.notice-card__detail {
-  display: flex;
-  align-items: flex-start;
-  min-width: 0;
-}
+  .notice-card__detail {
+    display: flex;
+    align-items: flex-start;
+    min-width: 0;
+  }
 
-.notice-card__detail-text {
-  margin-left: 8rpx;
-  font-size: 24rpx;
-  color: var(--color-text-secondary);
-}
+  .notice-card__detail-text {
+    margin-left: 8rpx;
+    font-size: 24rpx;
+    color: var(--color-text-secondary);
+  }
 
-.notice-card__footer {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  margin-top: 16rpx;
-}
+  .notice-card__footer {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-top: 16rpx;
+  }
 
-.notice-card__time {
-  font-size: 24rpx;
-  color: var(--color-text-placeholder);
-}
+  .notice-card__time {
+    font-size: 24rpx;
+    color: var(--color-text-placeholder);
+  }
 
-.notice-card__action {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 64rpx;
-  height: 64rpx;
-  border-radius: 50%;
-}
+  .notice-card__action {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 64rpx;
+    height: 64rpx;
+    border-radius: 50%;
+  }
 
-.notice-card__action--hover {
-  background: rgba(var(--color-text-placeholder-rgb, 148, 163, 184), 0.16);
-}
+  .notice-card__action--hover {
+    background: rgba(var(--color-text-placeholder-rgb, 148, 163, 184), 0.16);
+  }
 </style>
diff --git a/src/pages/work/role/assign-perm.vue b/src/pages/work/role/assign-perm.vue
index e69afc0..5bf03c5 100644
--- a/src/pages/work/role/assign-perm.vue
+++ b/src/pages/work/role/assign-perm.vue
@@ -17,47 +17,21 @@
 
     <!-- 可滚动区域：权限树 -->
     <scroll-view class="tree-container" scroll-y>
-      <custom-tree
-        :data="menuTree"
-        :checkable="true"
-        :checked-keys="checkedKeys"
-        :default-expand-all="true"
-        value-key="id"
-        label-key="name"
-        children-key="children"
-        @check="handleCheck"
-      >
+      <custom-tree :data="menuTree" :checkable="true" :checked-keys="checkedKeys" :default-expand-all="true" value-key="id" label-key="name"
+        children-key="children" @check="handleCheck">
         <template #content="{ node, checked }">
           <view class="node-content">
             <view class="node-content__info">
-              <wd-icon
-                v-if="node.type === 'C'"
-                name="folder"
-                size="18"
-                :color="checked ? 'var(--color-primary)' : 'var(--color-text-secondary)'"
-              />
-              <wd-icon
-                v-else-if="node.type === 'M'"
-                name="menu"
-                size="18"
-                :color="checked ? 'var(--color-primary)' : 'var(--color-text-secondary)'"
-              />
-              <wd-icon
-                v-else
-                name="click"
-                size="16"
-                :color="checked ? 'var(--color-primary)' : 'var(--color-text-secondary)'"
-              />
+              <wd-icon v-if="node.type === 'C'" name="folder" size="18"
+                :color="checked ? 'var(--color-primary)' : 'var(--color-text-secondary)'" />
+              <wd-icon v-else-if="node.type === 'M'" name="menu" size="18"
+                :color="checked ? 'var(--color-primary)' : 'var(--color-text-secondary)'" />
+              <wd-icon v-else name="click" size="16" :color="checked ? 'var(--color-primary)' : 'var(--color-text-secondary)'" />
               <text class="node-content__label" :class="{ 'is-checked': checked }">
                 {{ node.name }}
               </text>
             </view>
-            <wd-tag
-              v-if="node.type"
-              size="small"
-              :type="node.type === 'C' ? 'primary' : node.type === 'M' ? 'success' : 'warning'"
-              plain
-            >
+            <wd-tag v-if="node.type" size="small" :type="node.type === 'C' ? 'primary' : node.type === 'M' ? 'success' : 'warning'" plain>
               {{ node.type === "C" ? "目录" : node.type === "M" ? "菜单" : "按钮" }}
             </wd-tag>
           </view>
@@ -77,216 +51,215 @@
 
 <script lang="ts" setup>
 
-import { onLoad } from "@dcloudio/uni-app";
-import MenuAPI, { type MenuItem } from "@/api/menu";
-import RoleAPI from "@/api/role";
-import CustomTree from "@/components/custom-tree/index.vue";
-import type { TreeOption } from "@/components/custom-tree/index.vue";
+  import { onLoad } from "@dcloudio/uni-app";
+  import MenuAPI, { type MenuItem } from "@/api/menu";
+  import RoleAPI from "@/api/role";
+  import CustomTree from "@/components/custom-tree/index.vue";
+  import type { TreeOption } from "@/components/custom-tree/index.vue";
 
   definePage({
     name: "role-assign-perm",
     style: { navigationBarTitleText: "分配权限" },
   });
 
-const toast = useToast();
-const isSubmitting = ref(false);
-const roleId = ref<number>(0);
-const roleName = ref("");
-const menuList = ref<MenuItem[]>([]);
-const checkedKeys = ref<string[]>([]);
+  const toast = useToast();
+  const isSubmitting = ref(false);
+  const roleId = ref<number>(0);
+  const roleName = ref("");
+  const menuList = ref<MenuItem[]>([]);
+  const checkedKeys = ref<string[]>([]);
 
-// 转换菜单为树结构
-const menuTree = computed<TreeOption[]>(() => {
-  if (!menuList.value.length) return [];
-  return transformMenuToTree(menuList.value);
-});
-
-// 转换菜单为树组件格式
-function transformMenuToTree(menus: MenuItem[]): TreeOption[] {
-  return menus.map((menu) => {
-    const id = String(menu.id);
-    const name = menu.name ?? "";
-    return {
-      value: id,
-      label: name,
-      id,
-      name,
-      type: menu.type,
-      children: menu.children ? transformMenuToTree(menu.children) : undefined,
-    };
+  // 转换菜单为树结构
+  const menuTree = computed<TreeOption[]>(() => {
+    if (!menuList.value.length) return [];
+    return transformMenuToTree(menuList.value);
   });
-}
 
-// 处理选中变化
-function handleCheck(keys: string[]) {
-  checkedKeys.value = keys;
-}
+  // 转换菜单为树组件格式
+  function transformMenuToTree(menus: MenuItem[]): TreeOption[] {
+    return menus.map((menu) => {
+      const id = String(menu.id);
+      const name = menu.name ?? "";
+      return {
+        value: id,
+        label: name,
+        id,
+        name,
+        type: menu.type,
+        children: menu.children ? transformMenuToTree(menu.children) : undefined,
+      };
+    });
+  }
 
-// 全选
-function handleSelectAll() {
-  const allIds = getAllMenuIds(menuList.value);
-  checkedKeys.value = allIds;
-}
+  // 处理选中变化
+  function handleCheck(keys: string[]) {
+    checkedKeys.value = keys;
+  }
 
-// 取消全选
-function handleClearAll() {
-  checkedKeys.value = [];
-}
+  // 全选
+  function handleSelectAll() {
+    const allIds = getAllMenuIds(menuList.value);
+    checkedKeys.value = allIds;
+  }
 
-// 获取所有菜单ID
-function getAllMenuIds(menus: MenuItem[]): string[] {
-  const ids: string[] = [];
-  function traverse(list: MenuItem[]) {
-    for (const menu of list) {
-      if (menu.id) ids.push(String(menu.id));
-      if (menu.children) traverse(menu.children);
+  // 取消全选
+  function handleClearAll() {
+    checkedKeys.value = [];
+  }
+
+  // 获取所有菜单ID
+  function getAllMenuIds(menus: MenuItem[]): string[] {
+    const ids: string[] = [];
+    function traverse(list: MenuItem[]) {
+      for (const menu of list) {
+        if (menu.id) ids.push(String(menu.id));
+        if (menu.children) traverse(menu.children);
+      }
+    }
+    traverse(menus);
+    return ids;
+  }
+
+  // 取消
+  function handleCancel() {
+    uni.navigateBack();
+  }
+
+  // 提交
+  async function handleSubmit() {
+    isSubmitting.value = true;
+    try {
+      await RoleAPI.updateRoleMenus(roleId.value, checkedKeys.value.map(Number));
+      toast.success("保存成功");
+      uni.navigateBack();
+    } finally {
+      isSubmitting.value = false;
     }
   }
-  traverse(menus);
-  return ids;
-}
 
-// 取消
-function handleCancel() {
-  uni.navigateBack();
-}
-
-// 提交
-async function handleSubmit() {
-  isSubmitting.value = true;
-  try {
-    await RoleAPI.updateRoleMenus(roleId.value, checkedKeys.value.map(Number));
-    toast.success("保存成功");
-    uni.navigateBack();
-  } finally {
-    isSubmitting.value = false;
+  // 加载数据
+  async function loadData() {
+    try {
+      // 并行加载菜单列表和角色已有权限
+      const [menus, roleMenuIds, roleForm] = await Promise.all([
+        MenuAPI.getList(),
+        RoleAPI.getRoleMenuIds(roleId.value),
+        RoleAPI.getFormData(roleId.value),
+      ]);
+      menuList.value = menus;
+      checkedKeys.value = roleMenuIds.map(String);
+      roleName.value = roleForm?.name ?? "";
+    } catch {
+      toast.error("加载失败");
+    }
   }
-}
 
-// 加载数据
-async function loadData() {
-  try {
-    // 并行加载菜单列表和角色已有权限
-    const [menus, roleMenuIds, roleForm] = await Promise.all([
-      MenuAPI.getList(),
-      RoleAPI.getRoleMenuIds(roleId.value),
-      RoleAPI.getFormData(roleId.value),
-    ]);
-    menuList.value = menus;
-    checkedKeys.value = roleMenuIds.map(String);
-    roleName.value = roleForm?.name ?? "";
-  } catch {
-    toast.error("加载失败");
-  }
-}
-
-onLoad((query) => {
-  if (query?.id) {
-    roleId.value = Number(query.id);
-    loadData();
-  }
-});
+  onLoad((query) => {
+    if (query?.id) {
+      roleId.value = Number(query.id);
+      loadData();
+    }
+  });
 </script>
 
 <script lang="ts">
-export default { options: { styleIsolation: "shared" } };
+  export default { options: { styleIsolation: "shared" } };
 </script>
 
 <style lang="scss" scoped>
-.page {
-  display: flex;
-  flex-direction: column;
-  height: 100vh;
-  background: var(--color-bg);
-}
-
-.header {
-  display: flex;
-  flex-shrink: 0;
-  align-items: center;
-  justify-content: space-between;
-  padding: 12rpx 24rpx;
-  background: var(--color-bg);
-  border-bottom: 2rpx solid var(--color-border-light);
-}
-
-.role-bar {
-  display: flex;
-  gap: 16rpx;
-  align-items: center;
-
-  &__label {
-    font-size: 24rpx;
-    color: var(--color-text-secondary);
+  .page {
+    display: flex;
+    flex-direction: column;
+    height: 100vh;
+    background: var(--color-bg);
   }
 
-  &__value {
-    flex: 1;
-    overflow: hidden;
-    font-size: 28rpx;
-    font-weight: 600;
-    color: var(--color-text);
-    text-overflow: ellipsis;
-    white-space: nowrap;
+  .header {
+    display: flex;
+    flex-shrink: 0;
+    align-items: center;
+    justify-content: space-between;
+    padding: 12rpx 24rpx;
+    background: var(--color-bg);
+    border-bottom: 2rpx solid var(--color-border-light);
   }
-}
 
-.action-bar {
-  &__left {
+  .role-bar {
     display: flex;
     gap: 16rpx;
-  }
-}
+    align-items: center;
 
-.tree-container {
-  flex: 1;
-  height: 0; // 重要：让 flex + scroll-view 生效
-  background: var(--color-bg);
-}
+    &__label {
+      font-size: 24rpx;
+      color: var(--color-text-secondary);
+    }
 
-.node-content {
-  display: flex;
-  flex: 1;
-  gap: 16rpx;
-  align-items: center;
-  justify-content: flex-start;
-  min-width: 0;
-
-  &__info {
-    display: flex;
-    gap: 16rpx;
-    min-width: 0;
-  }
-
-  &__label {
-    overflow: hidden;
-    font-size: 28rpx;
-    color: var(--color-text);
-    text-overflow: ellipsis;
-    white-space: nowrap;
-
-    &.is-checked {
-      color: var(--color-primary);
+    &__value {
+      flex: 1;
+      overflow: hidden;
+      font-size: 28rpx;
+      font-weight: 600;
+      color: var(--color-text);
+      text-overflow: ellipsis;
+      white-space: nowrap;
     }
   }
-}
 
-.node-content :deep(.wd-tag) {
-  margin-left: auto;
-}
+  .action-bar {
+    &__left {
+      display: flex;
+      gap: 16rpx;
+    }
+  }
 
-.bottom-bar {
-  display: flex;
-  flex-shrink: 0;
-  gap: 24rpx;
-  padding: 24rpx;
-  background: var(--color-bg);
-  box-shadow: 0 -2rpx 16rpx rgba(0, 0, 0, 0.05);
-}
+  .tree-container {
+    flex: 1;
+    height: 0; // 重要：让 flex + scroll-view 生效
+    background: var(--color-bg);
+  }
 
-.bottom-bar :deep(.wd-button) {
-  flex: 1;
-}
+  .node-content {
+    display: flex;
+    flex: 1;
+    gap: 16rpx;
+    align-items: center;
+    justify-content: flex-start;
+    min-width: 0;
+
+    &__info {
+      display: flex;
+      gap: 16rpx;
+      min-width: 0;
+    }
+
+    &__label {
+      overflow: hidden;
+      font-size: 28rpx;
+      color: var(--color-text);
+      text-overflow: ellipsis;
+      white-space: nowrap;
+
+      &.is-checked {
+        color: var(--color-primary);
+      }
+    }
+  }
+
+  .node-content :deep(.wd-tag) {
+    margin-left: auto;
+  }
+
+  .bottom-bar {
+    display: flex;
+    flex-shrink: 0;
+    gap: 24rpx;
+    padding: 24rpx;
+    background: var(--color-bg);
+    box-shadow: 0 -2rpx 16rpx rgba(0, 0, 0, 0.05);
+  }
+
+  .bottom-bar :deep(.wd-button) {
+    flex: 1;
+  }
 </style>
 
-
diff --git a/src/pages/work/role/index.vue b/src/pages/work/role/index.vue
index db40111..fb5d600 100644
--- a/src/pages/work/role/index.vue
+++ b/src/pages/work/role/index.vue
@@ -1,22 +1,12 @@
 <template>
   <view class="page page--padding">
     <view>
-      <wd-search
-        v-model="queryParams.keywords"
-        placeholder="搜索角色名称/编码"
-        hide-cancel
-        @search="handleSearch"
-      />
+      <wd-search v-model="queryParams.keywords" placeholder="搜索角色名称/编码" hide-cancel @search="handleSearch" />
     </view>
 
     <!-- 角色列表 -->
     <view class="mt-16rpx">
-      <wd-card
-        v-for="item in pageData"
-        :key="item.id"
-        custom-class="item-card"
-        @click="openRoleDialog(item.id)"
-      >
+      <wd-card v-for="item in pageData" :key="item.id" custom-class="item-card" @click="openRoleDialog(item.id)">
         <!-- 主信息行 -->
         <view class="flex-start">
           <view class="role-card__main">
@@ -45,11 +35,7 @@
         <!-- 元信息行 -->
         <view class="role-card__footer">
           <text class="role-card__time">{{ item.createTime }}</text>
-          <view
-            class="role-card__action"
-            hover-class="role-card__action--hover"
-            @click.stop="showRoleActions(item)"
-          >
+          <view class="role-card__action" hover-class="role-card__action--hover" @click.stop="showRoleActions(item)">
             <wd-icon name="more" size="18" class="color-text-secondary" />
           </view>
         </view>
@@ -60,12 +46,7 @@
     </view>
 
     <!-- 弹窗表单 -->
-    <wd-popup
-      v-model="dialog.visible"
-      position="bottom"
-      custom-class="popup-bottom"
-      @close="closeRoleDialog"
-    >
+    <wd-popup v-model="dialog.visible" position="bottom" custom-class="popup-bottom" @close="closeRoleDialog">
       <view class="p-4">
         <view class="popup-title">
           {{ formData.id ? "编辑角色" : "新增角色" }}
@@ -78,10 +59,7 @@
             <wd-input v-model="formData.code" placeholder="请输入角色编码" />
           </wd-form-item>
           <wd-form-item prop="dataScope" title="数据权限" required>
-            <wd-select-picker
-              v-model="formData.dataScope"
-              :columns="dataScopeOptions"
-            />
+            <wd-select-picker v-model="formData.dataScope" :columns="dataScopeOptions" />
           </wd-form-item>
           <wd-form-item prop="status" title="状态">
             <wd-switch v-model="formData.status" :active-value="1" :inactive-value="0" />
@@ -101,259 +79,256 @@
     <wd-fab v-if="hasPermission('sys:role:create') && !dialog.visible" :expandable="false" :gap="{ bottom: 32 }" @click="openRoleDialog()" />
 
     <!-- 操作菜单 -->
-    <wd-action-sheet
-      v-model="actionSheetVisible"
-      :actions="actionSheetActions"
-      cancel-text="取消"
-      @select="handleActionSelect"
-    />
+    <wd-action-sheet v-model="actionSheetVisible" :actions="actionSheetActions" cancel-text="取消" @select="handleActionSelect" />
   </view>
 </template>
 
 <script lang="ts" setup>
-definePage({
-  name: "role",
-  style: { navigationBarTitleText: "角色管理" },
-});
 
-import { onLoad, onReachBottom } from "@dcloudio/uni-app";
-import { LoadMoreState } from "@wot-ui/ui/components/wd-loadmore/types";
-import { toFormSchema } from "@/utils/form";
-import { useToast, useDialog } from "@wot-ui/ui";
-import RoleAPI, { type RolePageQuery, RoleItem, RoleForm } from "@/api/role";
-import { hasPermission } from "@/utils/permission";
+  import { onLoad, onReachBottom } from "@dcloudio/uni-app";
+  import { LoadMoreState } from "@wot-ui/ui/components/wd-loadmore/types";
+  import { toFormSchema } from "@/utils/form";
+  import { useToast, useDialog } from "@wot-ui/ui";
+  import RoleAPI, { type RolePageQuery, RoleItem, RoleForm } from "@/api/role";
+  import { hasPermission } from "@/utils/permission";
 
-const toast = useToast();
+  definePage({
+    name: "role",
+    style: { navigationBarTitleText: "角色管理" },
+  });
+
+
+  const toast = useToast();
   const { confirm } = useDialog();
-const loadMoreState = ref<LoadMoreState>("loading");
-const formRef = ref();
-const isSubmitting = ref(false);
+  const loadMoreState = ref<LoadMoreState>("loading");
+  const formRef = ref();
+  const isSubmitting = ref(false);
 
-const queryParams = reactive<RolePageQuery>({ pageNum: 1, pageSize: 10, keywords: "" });
-const total = ref(0);
-const pageData = ref<RoleItem[]>([]);
-const dialog = reactive({ visible: false });
+  const queryParams = reactive<RolePageQuery>({ pageNum: 1, pageSize: 10, keywords: "" });
+  const total = ref(0);
+  const pageData = ref<RoleItem[]>([]);
+  const dialog = reactive({ visible: false });
 
-const actionSheetVisible = ref(false);
-const actionSheetActions = ref<{ name: string; color?: string }[]>([]);
-const currentActionItem = ref<any>(null);
+  const actionSheetVisible = ref(false);
+  const actionSheetActions = ref<{ name: string; color?: string }[]>([]);
+  const currentActionItem = ref<any>(null);
 
-const initialFormData: RoleForm = {
-  id: undefined,
-  name: undefined,
-  code: undefined,
-  dataScope: 1,
-  status: 1,
-  sort: 1,
-};
+  const initialFormData: RoleForm = {
+    id: undefined,
+    name: undefined,
+    code: undefined,
+    dataScope: 1,
+    status: 1,
+    sort: 1,
+  };
 
-const formData = reactive<RoleForm>({ ...initialFormData });
+  const formData = reactive<RoleForm>({ ...initialFormData });
 
-const dataScopeOptions = ref<Record<string, any>[]>([
-  { label: "全部数据", value: 1 },
-  { label: "部门及子部门数据", value: 2 },
-  { label: "本部门数据", value: 3 },
-  { label: "本人数据", value: 4 },
-  { label: "自定义部门数据", value: 5 },
-]);
+  const dataScopeOptions = ref<Record<string, any>[]>([
+    { label: "全部数据", value: 1 },
+    { label: "部门及子部门数据", value: 2 },
+    { label: "本部门数据", value: 3 },
+    { label: "本人数据", value: 4 },
+    { label: "自定义部门数据", value: 5 },
+  ]);
 
-const rules = toFormSchema({
-  name: [{ required: true, message: "请输入角色名称" }],
-  code: [{ required: true, message: "请输入角色编码" }],
-  dataScope: [{ required: true, message: "请选择数据权限" }],
-});
+  const rules = toFormSchema({
+    name: [{ required: true, message: "请输入角色名称" }],
+    code: [{ required: true, message: "请输入角色编码" }],
+    dataScope: [{ required: true, message: "请选择数据权限" }],
+  });
 
-// 搜索触发
-const handleSearch = () => loadRoleList();
+  // 搜索触发
+  const handleSearch = () => loadRoleList();
 
-// 加载列表
-function loadRoleList() {
-  queryParams.pageNum = 1;
-  fetchRoleList();
-}
-
-// 分页加载列表
-function fetchRoleList() {
-  loadMoreState.value = "loading";
-  RoleAPI.getPage(queryParams)
-    .then((data) => {
-      pageData.value = data.list;
-      total.value = data.total;
-      queryParams.pageNum++;
-    })
-    .catch(() => {
-      pageData.value = [];
-    })
-    .finally(() => {
-      loadMoreState.value = "finished";
-    });
-}
-
-// 打开弹窗（新增/编辑）
-async function openRoleDialog(id?: number) {
-  formRef.value?.reset();
-  Object.assign(formData, initialFormData);
-  dialog.visible = true;
-  if (id) {
-    formData.id = id;
-    const data = await RoleAPI.getFormData(id);
-    Object.assign(formData, data, { id });
+  // 加载列表
+  function loadRoleList() {
+    queryParams.pageNum = 1;
+    fetchRoleList();
   }
-}
 
-// 提交表单
-function submitRoleForm() {
-  formRef.value.validate().then(({ valid }: { valid: boolean }) => {
-    if (!valid) return;
-    isSubmitting.value = true;
-    const action = formData.id ? RoleAPI.update(formData.id, formData) : RoleAPI.add(formData);
-    action
-      .then(() => {
-        toast.success("操作成功");
-        closeRoleDialog();
-        loadRoleList();
+  // 分页加载列表
+  function fetchRoleList() {
+    loadMoreState.value = "loading";
+    RoleAPI.getPage(queryParams)
+      .then((data) => {
+        pageData.value = data.list;
+        total.value = data.total;
+        queryParams.pageNum++;
+      })
+      .catch(() => {
+        pageData.value = [];
       })
       .finally(() => {
-        isSubmitting.value = false;
+        loadMoreState.value = "finished";
       });
-  });
-}
+  }
 
-// 关闭弹窗
-function closeRoleDialog() {
-  dialog.visible = false;
-  formRef.value?.reset();
-  Object.assign(formData, initialFormData);
-}
+  // 打开弹窗（新增/编辑）
+  async function openRoleDialog(id?: number) {
+    formRef.value?.reset();
+    Object.assign(formData, initialFormData);
+    dialog.visible = true;
+    if (id) {
+      formData.id = id;
+      const data = await RoleAPI.getFormData(id);
+      Object.assign(formData, data, { id });
+    }
+  }
 
-// 操作菜单分发
-function handleActionSelect({ item }: { item: any }) {
-  const value = item.name;
-  const role = currentActionItem.value;
-  if (value === "编辑") {
-    openRoleDialog(role.id);
-  } else if (value === "分配权限") {
-    handleAssignPerm(role.id);
-  } else if (value === "删除") {
-    confirm({
-      title: "确认删除",
-      msg: `确定要删除角色「${role.name}」吗？`,
-      headerImage: "warning",
-    }).then(async () => {
-      await RoleAPI.deleteByIds(String(item.id));
-      toast.success("删除成功");
-      loadRoleList();
+  // 提交表单
+  function submitRoleForm() {
+    formRef.value.validate().then(({ valid }: { valid: boolean }) => {
+      if (!valid) return;
+      isSubmitting.value = true;
+      const action = formData.id ? RoleAPI.update(formData.id, formData) : RoleAPI.add(formData);
+      action
+        .then(() => {
+          toast.success("操作成功");
+          closeRoleDialog();
+          loadRoleList();
+        })
+        .finally(() => {
+          isSubmitting.value = false;
+        });
     });
   }
-}
 
-// 更多操作
-function showRoleActions(item: RoleItem) {
-  const actions: { name: string; color?: string }[] = [];
-
-  if (hasPermission("sys:role:update")) {
-    actions.push({ name: "编辑" });
+  // 关闭弹窗
+  function closeRoleDialog() {
+    dialog.visible = false;
+    formRef.value?.reset();
+    Object.assign(formData, initialFormData);
   }
 
-  if (hasPermission("sys:role:assign")) {
-    actions.push({ name: "分配权限" });
+  // 操作菜单分发
+  function handleActionSelect({ item }: { item: any }) {
+    const value = item.name;
+    const role = currentActionItem.value;
+    if (value === "编辑") {
+      openRoleDialog(role.id);
+    } else if (value === "分配权限") {
+      handleAssignPerm(role.id);
+    } else if (value === "删除") {
+      confirm({
+        title: "确认删除",
+        msg: `确定要删除角色「${role.name}」吗？`,
+        headerImage: "warning",
+      }).then(async () => {
+        await RoleAPI.deleteByIds(String(item.id));
+        toast.success("删除成功");
+        loadRoleList();
+      });
+    }
   }
 
-  if (hasPermission("sys:role:delete")) {
-    actions.push({ name: "删除", color: "var(--color-danger)" });
+  // 更多操作
+  function showRoleActions(item: RoleItem) {
+    const actions: { name: string; color?: string }[] = [];
+
+    if (hasPermission("sys:role:update")) {
+      actions.push({ name: "编辑" });
+    }
+
+    if (hasPermission("sys:role:assign")) {
+      actions.push({ name: "分配权限" });
+    }
+
+    if (hasPermission("sys:role:delete")) {
+      actions.push({ name: "删除", color: "var(--color-danger)" });
+    }
+
+    if (actions.length === 0) {
+      toast.warning("暂无操作权限");
+      return;
+    }
+
+    currentActionItem.value = item;
+    actionSheetActions.value = actions;
+    actionSheetVisible.value = true;
   }
 
-  if (actions.length === 0) {
-    toast.warning("暂无操作权限");
-    return;
+  // 分配权限
+  function handleAssignPerm(id: number) {
+    uni.navigateTo({
+      url: "/pages/work/role/assign-perm?id=" + id,
+    });
   }
 
-  currentActionItem.value = item;
-  actionSheetActions.value = actions;
-  actionSheetVisible.value = true;
-}
-
-// 分配权限
-function handleAssignPerm(id: number) {
-  uni.navigateTo({
-    url: "/pages/work/role/assign-perm?id=" + id,
+  onReachBottom(() => {
+    if (queryParams.pageNum * queryParams.pageSize < total.value) {
+      fetchRoleList();
+    } else {
+      loadMoreState.value = "finished";
+    }
   });
-}
 
-onReachBottom(() => {
-  if (queryParams.pageNum * queryParams.pageSize < total.value) {
-    fetchRoleList();
-  } else {
-    loadMoreState.value = "finished";
-  }
-});
-
-onLoad(() => {
-  loadRoleList();
-});
+  onLoad(() => {
+    loadRoleList();
+  });
 </script>
 
 <script lang="ts">
-export default { options: { styleIsolation: "shared" } };
+  export default { options: { styleIsolation: "shared" } };
 </script>
 
 
 
 <style lang="scss" scoped>
-.role-card__main {
-  flex: 1;
-}
+  .role-card__main {
+    flex: 1;
+  }
 
-.role-card__name {
-  font-weight: 700;
-  font-size: 32rpx;
-}
+  .role-card__name {
+    font-weight: 700;
+    font-size: 32rpx;
+  }
 
-.role-card__code {
-  font-size: 24rpx;
-  color: var(--color-text-secondary);
-}
+  .role-card__code {
+    font-size: 24rpx;
+    color: var(--color-text-secondary);
+  }
 
-.role-card__meta {
-  display: flex;
-  gap: 24rpx;
-  margin-top: 12rpx;
-}
+  .role-card__meta {
+    display: flex;
+    gap: 24rpx;
+    margin-top: 12rpx;
+  }
 
-.role-card__detail {
-  display: flex;
-  align-items: flex-start;
-  min-width: 0;
-}
+  .role-card__detail {
+    display: flex;
+    align-items: flex-start;
+    min-width: 0;
+  }
 
-.role-card__detail-text {
-  margin-left: 8rpx;
-  font-size: 24rpx;
-  color: var(--color-text-secondary);
-}
+  .role-card__detail-text {
+    margin-left: 8rpx;
+    font-size: 24rpx;
+    color: var(--color-text-secondary);
+  }
 
-.role-card__footer {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  margin-top: 16rpx;
-}
+  .role-card__footer {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-top: 16rpx;
+  }
 
-.role-card__time {
-  font-size: 24rpx;
-  color: var(--color-text-placeholder);
-}
+  .role-card__time {
+    font-size: 24rpx;
+    color: var(--color-text-placeholder);
+  }
 
-.role-card__action {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 88rpx;
-  height: 88rpx;
-  border-radius: 50%;
-}
+  .role-card__action {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 88rpx;
+    height: 88rpx;
+    border-radius: 50%;
+  }
 
-.role-card__action--hover {
-  background: rgba(var(--color-text-placeholder-rgb, 148, 163, 184), 0.16);
-}
+  .role-card__action--hover {
+    background: rgba(var(--color-text-placeholder-rgb, 148, 163, 184), 0.16);
+  }
 </style>
diff --git a/src/pages/work/user/index.vue b/src/pages/work/user/index.vue
index ede4275..ee5dc56 100644
--- a/src/pages/work/user/index.vue
+++ b/src/pages/work/user/index.vue
@@ -1,24 +1,14 @@
 <template>
   <view class="page page--padding">
     <view>
-      <wd-search
-        v-model="queryParams.keywords"
-        placeholder="搜索用户名/手机号"
-        hide-cancel
-        @search="handleSearch"
-      />
+      <wd-search v-model="queryParams.keywords" placeholder="搜索用户名/手机号" hide-cancel @search="handleSearch" />
     </view>
 
     <!-- 排序筛选：搜索框→筛选 12rpx -->
     <view class="filter-bar" @click="closeOutside">
       <view class="flex-1">
         <wd-drop-menu>
-          <wd-drop-menu-item
-            v-model="sortValue"
-            title="排序"
-            :options="sortOptions"
-            @change="handleSortChange"
-          />
+          <wd-drop-menu-item v-model="sortValue" title="排序" :options="sortOptions" @change="handleSortChange" />
         </wd-drop-menu>
       </view>
       <wd-divider vertical />
@@ -26,11 +16,7 @@
         <wd-drop-menu>
           <wd-drop-menu-item title="筛选" @open="handleFilterOpen">
             <view class="p-4">
-              <wd-input
-                v-model="queryParams.keywords"
-                label="关键字"
-                placeholder="用户名/昵称/手机号"
-              />
+              <wd-input v-model="queryParams.keywords" label="关键字" placeholder="用户名/昵称/手机号" />
               <cu-date-query v-model="queryParams.createTime" label="创建时间" />
               <view class="popup-actions">
                 <wd-button type="info" variant="plain" @click="resetUserFilter">重置</wd-button>
@@ -44,30 +30,15 @@
 
     <!-- 用户列表：筛选→列表 16rpx -->
     <view class="mt-16rpx">
-      <wd-card
-        v-for="item in pageData"
-        :key="item.id"
-        custom-class="item-card"
-        @click="openUserDialog(item.id)"
-      >
+      <wd-card v-for="item in pageData" :key="item.id" custom-class="item-card" @click="openUserDialog(item.id)">
         <!-- 主信息行 -->
         <view class="flex-start">
           <image class="user-card__avatar" :src="item.avatar" mode="aspectFill" lazy-load />
           <view class="user-card__main">
             <view class="flex-start mt-12rpx">
               <text class="user-card__name">{{ item.nickname }}</text>
-              <wd-icon
-                v-if="item.gender === 1"
-                name="gender-male"
-                color="var(--color-primary)"
-                class="ml-8rpx"
-              />
-              <wd-icon
-                v-else-if="item.gender === 2"
-                name="gender-female"
-                color="var(--color-danger)"
-                class="ml-8rpx"
-              />
+              <wd-icon v-if="item.gender === 1" name="gender-male" color="var(--color-primary)" class="ml-8rpx" />
+              <wd-icon v-else-if="item.gender === 2" name="gender-female" color="var(--color-danger)" class="ml-8rpx" />
             </view>
             <text class="user-card__role">{{ item.roleNames }} · {{ item.deptName }}</text>
           </view>
@@ -91,11 +62,7 @@
         <!-- 元信息行 -->
         <view class="user-card__footer">
           <text class="user-card__time">{{ item.createTime }}</text>
-          <view
-            class="user-card__action"
-            hover-class="user-card__action--hover"
-            @click.stop="showUserActions(item)"
-          >
+          <view class="user-card__action" hover-class="user-card__action--hover" @click.stop="showUserActions(item)">
             <wd-icon name="more" size="18" class="color-text-secondary" />
           </view>
         </view>
@@ -106,41 +73,24 @@
     </view>
 
     <!-- 弹窗表单 -->
-    <wd-popup
-      v-model="dialog.visible"
-      position="bottom"
-      custom-class="popup-bottom"
-      @close="closeUserDialog"
-    >
+    <wd-popup v-model="dialog.visible" position="bottom" custom-class="popup-bottom" @close="closeUserDialog">
       <view class="p-4">
         <view class="popup-title">
           {{ formData.id ? "编辑用户" : "新增用户" }}
         </view>
         <wd-form ref="formRef" :model="formData" :schema="rules">
           <wd-form-item prop="username" title="用户名" required>
-            <wd-input
-              v-model="formData.username"
-              placeholder="请输入用户名"
-              :readonly="!!formData.id"
-            />
+            <wd-input v-model="formData.username" placeholder="请输入用户名" :readonly="!!formData.id" />
           </wd-form-item>
           <wd-form-item prop="nickname" title="昵称" required>
             <wd-input v-model="formData.nickname" placeholder="请输入昵称" />
           </wd-form-item>
           <wd-form-item prop="deptId" title="部门" required>
-            <wd-cascader
-              v-model="deptSelected"
-              :columns="deptColumns"
-              :column-change="handleDeptColumnChange"
-              :display-format="displayDeptFormat"
-              @confirm="handleDeptConfirm"
-            />
+            <wd-cascader v-model="deptSelected" :columns="deptColumns" :column-change="handleDeptColumnChange"
+              :display-format="displayDeptFormat" @confirm="handleDeptConfirm" />
           </wd-form-item>
           <wd-form-item prop="roleIds" title="角色" required>
-            <wd-select-picker
-              v-model="formData.roleIds"
-              :columns="roleOptions"
-            />
+            <wd-select-picker v-model="formData.roleIds" :columns="roleOptions" />
           </wd-form-item>
           <wd-form-item prop="mobile" title="手机号">
             <wd-input v-model="formData.mobile" placeholder="请输入手机号" />
@@ -163,12 +113,7 @@
     <wd-fab :expandable="false" :gap="{ bottom: 100 }" @click="openUserDialog()" />
 
     <!-- 操作菜单 -->
-    <wd-action-sheet
-      v-model="actionSheetVisible"
-      :actions="actionSheetActions"
-      cancel-text="取消"
-      @select="handleActionSelect"
-    />
+    <wd-action-sheet v-model="actionSheetVisible" :actions="actionSheetActions" cancel-text="取消" @select="handleActionSelect" />
 
     <!-- 重置密码弹窗 -->
     <wd-popup v-model="resetPwdDialog.visible" position="bottom" custom-class="popup-bottom">
@@ -176,19 +121,12 @@
         <view class="popup-title">重置密码</view>
         <wd-form ref="resetPwdFormRef" :model="resetPwdForm">
           <wd-form-item prop="password" title="新密码" required>
-            <wd-input
-              v-model="resetPwdForm.password"
-              placeholder="请输入新密码（至少6位）"
-            />
+            <wd-input v-model="resetPwdForm.password" placeholder="请输入新密码（至少6位）" />
           </wd-form-item>
         </wd-form>
         <view class="popup-actions">
           <wd-button type="info" variant="plain" @click="resetPwdDialog.visible = false">取消</wd-button>
-          <wd-button
-            type="primary"
-            :loading="resetPwdDialog.isSubmitting"
-            @click="handleResetPassword"
-          >
+          <wd-button type="primary" :loading="resetPwdDialog.isSubmitting" @click="handleResetPassword">
             确认
           </wd-button>
         </view>
@@ -198,402 +136,404 @@
 </template>
 
 <script lang="ts" setup>
-definePage({
-  name: "user",
-  style: { navigationBarTitleText: "用户管理" },
-});
 
-import { onLoad, onReachBottom } from "@dcloudio/uni-app";
-import { LoadMoreState } from "@wot-ui/ui/components/wd-loadmore/types";
-import { toFormSchema } from "@/utils/form";
-import { useQueue, useToast, useDialog } from "@wot-ui/ui";
-import UserAPI, { type UserPageQuery, UserItem, UserForm } from "@/api/user";
-import RoleAPI from "@/api/role";
-import DeptAPI from "@/api/dept";
-import { hasPermission } from "@/utils/permission";
+  import { onLoad, onReachBottom } from "@dcloudio/uni-app";
+  import { LoadMoreState } from "@wot-ui/ui/components/wd-loadmore/types";
+  import { toFormSchema } from "@/utils/form";
+  import { useQueue, useToast, useDialog } from "@wot-ui/ui";
+  import UserAPI, { type UserPageQuery, UserItem, UserForm } from "@/api/user";
+  import RoleAPI from "@/api/role";
+  import DeptAPI from "@/api/dept";
+  import { hasPermission } from "@/utils/permission";
 
-const toast = useToast();
+  definePage({
+    name: "user",
+    style: { navigationBarTitleText: "用户管理" },
+  });
+
+
+  const toast = useToast();
   const { confirm } = useDialog();
-const { closeOutside } = useQueue();
-const loadMoreState = ref<LoadMoreState>("loading");
-const formRef = ref();
-const isSubmitting = ref(false);
+  const { closeOutside } = useQueue();
+  const loadMoreState = ref<LoadMoreState>("loading");
+  const formRef = ref();
+  const isSubmitting = ref(false);
 
-const sortValue = ref(0);
-const sortOptions = ref([
-  { label: "默认排序", value: 0 },
-  { label: "最近创建", value: 1 },
-  { label: "最近更新", value: 2 },
-]);
+  const sortValue = ref(0);
+  const sortOptions = ref([
+    { label: "默认排序", value: 0 },
+    { label: "最近创建", value: 1 },
+    { label: "最近更新", value: 2 },
+  ]);
 
-const queryParams = reactive<UserPageQuery>({ pageNum: 1, pageSize: 10, keywords: "" });
-const total = ref(0);
-const pageData = ref<UserItem[]>([]);
-const dialog = reactive({ visible: false });
+  const queryParams = reactive<UserPageQuery>({ pageNum: 1, pageSize: 10, keywords: "" });
+  const total = ref(0);
+  const pageData = ref<UserItem[]>([]);
+  const dialog = reactive({ visible: false });
 
-const initialFormData: UserForm = {
-  id: undefined,
-  roleIds: [],
-  username: undefined,
-  nickname: undefined,
-  deptId: undefined,
-  mobile: undefined,
-  email: undefined,
-  status: 1,
-};
+  const initialFormData: UserForm = {
+    id: undefined,
+    roleIds: [],
+    username: undefined,
+    nickname: undefined,
+    deptId: undefined,
+    mobile: undefined,
+    email: undefined,
+    status: 1,
+  };
 
-const formData = reactive<UserForm>({ ...initialFormData });
-const roleOptions = ref<Record<string, any>[]>([]);
-const deptOptions = ref<OptionType[]>([]);
+  const formData = reactive<UserForm>({ ...initialFormData });
+  const roleOptions = ref<Record<string, any>[]>([]);
+  const deptOptions = ref<OptionType[]>([]);
 
-// 部门多列选择器数据
-const deptSelected = ref<(string | number)[]>([]);
-const deptColumns = ref<Record<string, any>[][]>([]);
+  // 部门多列选择器数据
+  const deptSelected = ref<(string | number)[]>([]);
+  const deptColumns = ref<Record<string, any>[][]>([]);
 
-// 格式化部门展示
-const displayDeptFormat = (selectedItems: Record<string, any>[]) => {
-  return selectedItems.map((item) => item.label).join("/");
-};
+  // 格式化部门展示
+  const displayDeptFormat = (selectedItems: Record<string, any>[]) => {
+    return selectedItems.map((item) => item.label).join("/");
+  };
 
-// 查找部门在树中的完整路径
-function findDeptPath(data: any[], targetId: string, path: string[] = []): string[] | null {
-  for (const item of data) {
-    const currentPath = [...path, item.value];
-    if (item.value === targetId) {
-      return currentPath;
+  // 查找部门在树中的完整路径
+  function findDeptPath(data: any[], targetId: string, path: string[] = []): string[] | null {
+    for (const item of data) {
+      const currentPath = [...path, item.value];
+      if (item.value === targetId) {
+        return currentPath;
+      }
+      if (item.children && item.children.length > 0) {
+        const found = findDeptPath(item.children, targetId, currentPath);
+        if (found) return found;
+      }
     }
-    if (item.children && item.children.length > 0) {
-      const found = findDeptPath(item.children, targetId, currentPath);
-      if (found) return found;
+    return null;
+  }
+
+  // 部门列变化（动态加载子部门）
+  const handleDeptColumnChange = ({ selectedItem, resolve, finish }: any) => {
+    const children = selectedItem.children;
+    if (children && children.length > 0) {
+      resolve(children);
+    } else {
+      finish();
     }
+  };
+
+  // 部门确认选择
+  const handleDeptConfirm = ({ value, selectedItems }: any) => {
+    deptSelected.value = value;
+    // 取最后一个选中的部门ID
+    formData.deptId = value[value.length - 1];
+  };
+
+  const rules = toFormSchema({
+    username: [{ required: true, message: "请输入用户名" }],
+    nickname: [{ required: true, message: "请输入昵称" }],
+    roleIds: [{ required: true, message: "请选择角色" }],
+    deptId: [{ required: true, message: "请选择部门" }],
+  });
+
+  // 排序切换
+  const handleSortChange = ({ value }: { value: string | number }) => {
+    const num = Number(value);
+    if (num === 1) {
+      queryParams.field = "create_time";
+      queryParams.direction = "desc";
+    } else if (num === 2) {
+      queryParams.field = "update_time";
+      queryParams.direction = "desc";
+    } else {
+      queryParams.field = "";
+      queryParams.direction = "";
+    }
+    loadUserList();
+  };
+
+  const handleFilterOpen = () => { };
+
+  // 搜索触发
+  const handleSearch = () => loadUserList();
+
+  // 加载列表
+  function loadUserList() {
+    queryParams.pageNum = 1;
+    fetchUserList();
   }
-  return null;
-}
-
-// 部门列变化（动态加载子部门）
-const handleDeptColumnChange = ({ selectedItem, resolve, finish }: any) => {
-  const children = selectedItem.children;
-  if (children && children.length > 0) {
-    resolve(children);
-  } else {
-    finish();
+  // 应用筛选并刷新
+  function applyUserFilter() {
+    closeOutside();
+    loadUserList();
   }
-};
-
-// 部门确认选择
-const handleDeptConfirm = ({ value, selectedItems }: any) => {
-  deptSelected.value = value;
-  // 取最后一个选中的部门ID
-  formData.deptId = value[value.length - 1];
-};
-
-const rules = toFormSchema({
-  username: [{ required: true, message: "请输入用户名" }],
-  nickname: [{ required: true, message: "请输入昵称" }],
-  roleIds: [{ required: true, message: "请选择角色" }],
-  deptId: [{ required: true, message: "请选择部门" }],
-});
-
-// 排序切换
-const handleSortChange = ({ value }: { value: string | number }) => {
-  const num = Number(value);
-  if (num === 1) {
-    queryParams.field = "create_time";
-    queryParams.direction = "desc";
-  } else if (num === 2) {
-    queryParams.field = "update_time";
-    queryParams.direction = "desc";
-  } else {
+  // 重置筛选并刷新
+  function resetUserFilter() {
+    queryParams.keywords = "";
+    delete queryParams.createTime;
     queryParams.field = "";
     queryParams.direction = "";
+    sortValue.value = 0;
+    applyUserFilter();
   }
-  loadUserList();
-};
 
-const handleFilterOpen = () => {};
+  // 分页加载列表
+  function fetchUserList() {
+    loadMoreState.value = "loading";
+    UserAPI.getPage(queryParams)
+      .then((data: any) => {
+        pageData.value = data.list;
+        total.value = data.total;
+        queryParams.pageNum++;
+      })
+      .catch(() => {
+        pageData.value = [];
+      })
+      .finally(() => {
+        loadMoreState.value = "finished";
+      });
+  }
 
-// 搜索触发
-const handleSearch = () => loadUserList();
+  // 打开弹窗（新增/编辑）
+  async function openUserDialog(id?: number) {
+    formRef.value?.reset();
+    Object.assign(formData, initialFormData);
+    deptSelected.value = [];
+    dialog.visible = true;
+    roleOptions.value = await RoleAPI.getOptions();
+    const deptData = await DeptAPI.getOptions();
+    deptOptions.value = deptData;
 
-// 加载列表
-function loadUserList() {
-  queryParams.pageNum = 1;
-  fetchUserList();
-}
-// 应用筛选并刷新
-function applyUserFilter() {
-  closeOutside();
-  loadUserList();
-}
-// 重置筛选并刷新
-function resetUserFilter() {
-  queryParams.keywords = "";
-  delete queryParams.createTime;
-  queryParams.field = "";
-  queryParams.direction = "";
-  sortValue.value = 0;
-  applyUserFilter();
-}
-
-// 分页加载列表
-function fetchUserList() {
-  loadMoreState.value = "loading";
-  UserAPI.getPage(queryParams)
-    .then((data: any) => {
-      pageData.value = data.list;
-      total.value = data.total;
-      queryParams.pageNum++;
-    })
-    .catch(() => {
-      pageData.value = [];
-    })
-    .finally(() => {
-      loadMoreState.value = "finished";
-    });
-}
-
-// 打开弹窗（新增/编辑）
-async function openUserDialog(id?: number) {
-  formRef.value?.reset();
-  Object.assign(formData, initialFormData);
-  deptSelected.value = [];
-  dialog.visible = true;
-  roleOptions.value = await RoleAPI.getOptions();
-  const deptData = await DeptAPI.getOptions();
-  deptOptions.value = deptData;
-
-  if (id) {
-    formData.id = id;
-    const data = await UserAPI.getFormData(id);
-    Object.assign(formData, data, { id });
-    // 编辑时回显部门选择（需要完整路径和预加载所有层级数据）
-    if (data.deptId) {
-      const path = findDeptPath(deptData, String(data.deptId));
-      if (path) {
-        deptSelected.value = path;
-        // 预加载所有层级的 columns
-        const columns: any[] = [deptData];
-        let currentLevel = deptData;
-        for (let i = 0; i < path.length - 1; i++) {
-          const found = currentLevel.find((item: any) => item.value === path[i]);
-          if (found && found.children) {
-            columns.push(found.children);
-            currentLevel = found.children;
+    if (id) {
+      formData.id = id;
+      const data = await UserAPI.getFormData(id);
+      Object.assign(formData, data, { id });
+      // 编辑时回显部门选择（需要完整路径和预加载所有层级数据）
+      if (data.deptId) {
+        const path = findDeptPath(deptData, String(data.deptId));
+        if (path) {
+          deptSelected.value = path;
+          // 预加载所有层级的 columns
+          const columns: any[] = [deptData];
+          let currentLevel = deptData;
+          for (let i = 0; i < path.length - 1; i++) {
+            const found = currentLevel.find((item: any) => item.value === path[i]);
+            if (found && found.children) {
+              columns.push(found.children);
+              currentLevel = found.children;
+            }
           }
+          deptColumns.value = columns;
+        } else {
+          deptSelected.value = [String(data.deptId)];
+          deptColumns.value = [deptData];
         }
-        deptColumns.value = columns;
       } else {
-        deptSelected.value = [String(data.deptId)];
         deptColumns.value = [deptData];
       }
     } else {
       deptColumns.value = [deptData];
     }
-  } else {
-    deptColumns.value = [deptData];
   }
-}
 
-// 提交表单
-function submitUserForm() {
-  formRef.value.validate().then(({ valid }: { valid: boolean }) => {
-    if (!valid) return;
-    isSubmitting.value = true;
-    const action = formData.id ? UserAPI.update(formData.id, formData) : UserAPI.add(formData);
-    action
-      .then(() => {
-        toast.success("操作成功");
-        closeUserDialog();
-        loadUserList();
-      })
-      .finally(() => {
-        isSubmitting.value = false;
-      });
+  // 提交表单
+  function submitUserForm() {
+    formRef.value.validate().then(({ valid }: { valid: boolean }) => {
+      if (!valid) return;
+      isSubmitting.value = true;
+      const action = formData.id ? UserAPI.update(formData.id, formData) : UserAPI.add(formData);
+      action
+        .then(() => {
+          toast.success("操作成功");
+          closeUserDialog();
+          loadUserList();
+        })
+        .finally(() => {
+          isSubmitting.value = false;
+        });
+    });
+  }
+
+  // 关闭弹窗
+  function closeUserDialog() {
+    dialog.visible = false;
+    formRef.value?.reset();
+    Object.assign(formData, initialFormData);
+  }
+
+  const actionSheetVisible = ref(false);
+  const actionSheetActions = ref<{ name: string; color?: string }[]>([]);
+  const pendingAction = ref<Record<string, () => void>>({});
+
+  const resetPwdDialog = reactive({
+    visible: false,
+    isSubmitting: false,
+    userId: undefined as number | undefined,
   });
-}
+  const resetPwdForm = reactive({ password: "" });
+  const resetPwdFormRef = ref();
 
-// 关闭弹窗
-function closeUserDialog() {
-  dialog.visible = false;
-  formRef.value?.reset();
-  Object.assign(formData, initialFormData);
-}
+  // 更多操作
+  function showUserActions(item: UserItem) {
+    const actions: { name: string; color?: string }[] = [];
+    const actionMap: Record<string, () => void> = {};
 
-const actionSheetVisible = ref(false);
-const actionSheetActions = ref<{ name: string; color?: string }[]>([]);
-const pendingAction = ref<Record<string, () => void>>({});
+    // 重置密码
+    if (hasPermission("sys:user:reset-password")) {
+      actions.push({ name: "重置密码" });
+      actionMap["重置密码"] = () => openResetPwdDialog(item);
+    }
 
-const resetPwdDialog = reactive({
-  visible: false,
-  isSubmitting: false,
-  userId: undefined as number | undefined,
-});
-const resetPwdForm = reactive({ password: "" });
-const resetPwdFormRef = ref();
+    // 编辑
+    if (hasPermission("sys:user:update")) {
+      actions.push({ name: "编辑" });
+      actionMap["编辑"] = () => openUserDialog(item.id);
+    }
 
-// 更多操作
-function showUserActions(item: UserItem) {
-  const actions: { name: string; color?: string }[] = [];
-  const actionMap: Record<string, () => void> = {};
+    // 删除
+    if (hasPermission("sys:user:delete")) {
+      actions.push({ name: "删除", color: "var(--color-danger)" });
+      actionMap["删除"] = async () => {
+        try {
+          await confirm({
+            title: "确认删除",
+            msg: `确定要删除用户「${item.nickname}」吗？`,
+            headerImage: "warning",
+          });
+          await UserAPI.deleteByIds(String(item.id));
+          toast.success("删除成功");
+          loadUserList();
+        } catch {
+          // 用户取消操作
+        }
+      };
+    }
+
+    if (actions.length === 0) {
+      toast.warning("暂无操作权限");
+      return;
+    }
+
+    actionSheetActions.value = actions;
+    pendingAction.value = actionMap;
+    actionSheetVisible.value = true;
+  }
+
+  function handleActionSelect({ item }: { item: any }) {
+    pendingAction.value[item.name]?.();
+  }
+
+  // 打开重置密码弹窗
+  function openResetPwdDialog(item: UserItem) {
+    resetPwdForm.password = "";
+    resetPwdDialog.userId = item.id;
+    resetPwdDialog.visible = true;
+    nextTick(() => {
+      resetPwdFormRef.value?.reset();
+    });
+  }
 
   // 重置密码
-  if (hasPermission("sys:user:reset-password")) {
-    actions.push({ name: "重置密码" });
-    actionMap["重置密码"] = () => openResetPwdDialog(item);
+  async function handleResetPassword() {
+    const valid = await resetPwdFormRef.value?.validate();
+    if (!valid || valid.valid === false) return;
+    if (!resetPwdDialog.userId) return;
+
+    resetPwdDialog.isSubmitting = true;
+    try {
+      await UserAPI.resetPassword(resetPwdDialog.userId, resetPwdForm.password);
+      toast.success("密码重置成功");
+      resetPwdDialog.visible = false;
+    } catch (error) {
+      // API 已处理错误提示
+    } finally {
+      resetPwdDialog.isSubmitting = false;
+    }
   }
 
-  // 编辑
-  if (hasPermission("sys:user:update")) {
-    actions.push({ name: "编辑" });
-    actionMap["编辑"] = () => openUserDialog(item.id);
-  }
-
-  // 删除
-  if (hasPermission("sys:user:delete")) {
-    actions.push({ name: "删除", color: "var(--color-danger)" });
-    actionMap["删除"] = async () => {
-      try {
-        await confirm({
-          title: "确认删除",
-          msg: `确定要删除用户「${item.nickname}」吗？`,
-          headerImage: "warning",
-        });
-        await UserAPI.deleteByIds(String(item.id));
-        toast.success("删除成功");
-        loadUserList();
-      } catch {
-        // 用户取消操作
-      }
-    };
-  }
-
-  if (actions.length === 0) {
-    toast.warning("暂无操作权限");
-    return;
-  }
-
-  actionSheetActions.value = actions;
-  pendingAction.value = actionMap;
-  actionSheetVisible.value = true;
-}
-
-function handleActionSelect({ item }: { item: any }) {
-  pendingAction.value[item.name]?.();
-}
-
-// 打开重置密码弹窗
-function openResetPwdDialog(item: UserItem) {
-  resetPwdForm.password = "";
-  resetPwdDialog.userId = item.id;
-  resetPwdDialog.visible = true;
-  nextTick(() => {
-    resetPwdFormRef.value?.reset();
+  onReachBottom(() => {
+    if (queryParams.pageNum * queryParams.pageSize < total.value) {
+      fetchUserList();
+    } else {
+      loadMoreState.value = "finished";
+    }
   });
-}
 
-// 重置密码
-async function handleResetPassword() {
-  const valid = await resetPwdFormRef.value?.validate();
-  if (!valid || valid.valid === false) return;
-  if (!resetPwdDialog.userId) return;
-
-  resetPwdDialog.isSubmitting = true;
-  try {
-    await UserAPI.resetPassword(resetPwdDialog.userId, resetPwdForm.password);
-    toast.success("密码重置成功");
-    resetPwdDialog.visible = false;
-  } catch (error) {
-    // API 已处理错误提示
-  } finally {
-    resetPwdDialog.isSubmitting = false;
-  }
-}
-
-onReachBottom(() => {
-  if (queryParams.pageNum * queryParams.pageSize < total.value) {
-    fetchUserList();
-  } else {
-    loadMoreState.value = "finished";
-  }
-});
-
-onLoad(() => {
-  loadUserList();
-});
+  onLoad(() => {
+    loadUserList();
+  });
 </script>
 
 <script lang="ts">
-export default { options: { styleIsolation: "shared" } };
+  export default { options: { styleIsolation: "shared" } };
 </script>
 
 
 
 <style lang="scss" scoped>
-.user-card__avatar {
-  flex-shrink: 0;
-  width: 80rpx;
-  height: 80rpx;
-  border-radius: 50%;
-}
+  .user-card__avatar {
+    flex-shrink: 0;
+    width: 80rpx;
+    height: 80rpx;
+    border-radius: 50%;
+  }
 
-.user-card__main {
-  flex: 1;
-  margin-left: 16rpx;
-}
+  .user-card__main {
+    flex: 1;
+    margin-left: 16rpx;
+  }
 
-.user-card__name {
-  font-weight: 700;
-  font-size: 32rpx;
-}
+  .user-card__name {
+    font-weight: 700;
+    font-size: 32rpx;
+  }
 
-.user-card__role {
-  font-size: 24rpx;
-  color: var(--color-text-secondary);
-}
+  .user-card__role {
+    font-size: 24rpx;
+    color: var(--color-text-secondary);
+  }
 
-.user-card__meta {
-  display: flex;
-  gap: 24rpx;
-  margin-top: 12rpx;
-}
+  .user-card__meta {
+    display: flex;
+    gap: 24rpx;
+    margin-top: 12rpx;
+  }
 
-.user-card__contact {
-  display: flex;
-  align-items: flex-start;
-  min-width: 0;
-}
+  .user-card__contact {
+    display: flex;
+    align-items: flex-start;
+    min-width: 0;
+  }
 
-.user-card__contact-text {
-  margin-left: 8rpx;
-  font-size: 24rpx;
-  color: var(--color-text-secondary);
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
+  .user-card__contact-text {
+    margin-left: 8rpx;
+    font-size: 24rpx;
+    color: var(--color-text-secondary);
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
 
-.user-card__footer {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  margin-top: 16rpx;
-}
+  .user-card__footer {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-top: 16rpx;
+  }
 
-.user-card__time {
-  font-size: 24rpx;
-  color: var(--color-text-placeholder);
-}
+  .user-card__time {
+    font-size: 24rpx;
+    color: var(--color-text-placeholder);
+  }
 
-.user-card__action {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 88rpx;
-  height: 88rpx;
-  border-radius: 50%;
-}
+  .user-card__action {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 88rpx;
+    height: 88rpx;
+    border-radius: 50%;
+  }
 
-.user-card__action--hover {
-  background: rgba(var(--color-text-placeholder-rgb, 148, 163, 184), 0.16);
-}
+  .user-card__action--hover {
+    background: rgba(var(--color-text-placeholder-rgb, 148, 163, 184), 0.16);
+  }
 </style>