From dfb3f27f39d6bdc4d56e0d98523445b7d2621819 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=BC=A0=E6=96=87=E6=B6=9B?= <1909118034@qq.com>
Date: Tue, 15 Apr 2025 22:41:03 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AE=8C=E5=96=84=E5=86=85=E5=AE=B9(home)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 api/login.ts                                  |    9 +-
 components/SharePoster.vue                    |    2 +-
 .../community-selector/community-selector.vue |  220 ++++
 components/examples/permission-button.vue     |   29 +
 components/examples/permission-example.vue    |  124 ++
 pages/chat/index.vue                          |   19 +-
 pages/index/index.vue                         |   80 +-
 pages/login/index.vue                         |   99 +-
 pages/mine/index.vue                          |   50 +-
 pagesA/invite/index.vue                       |   20 +-
 pagesA/message/index.vue                      |   35 +-
 pagesA/verification/history.vue               |    2 +
 pagesA/verification/historyDetail.vue         |    4 +-
 pagesA/verification/index.vue                 |   17 +-
 pagesB/call/index.vue                         | 1063 ++++++++++-------
 pagesB/complaint/index.vue                    |   98 +-
 pagesB/questionnaire/list.vue                 |  127 +-
 pagesB/setting/index.vue                      |  591 +++++----
 unocss/a-hua-unocss/index.scss                |  282 ++++-
 utils/permission.js                           |   60 +
 20 files changed, 1944 insertions(+), 987 deletions(-)
 create mode 100644 components/community-selector/community-selector.vue
 create mode 100644 components/examples/permission-button.vue
 create mode 100644 components/examples/permission-example.vue
 create mode 100644 utils/permission.js

diff --git a/api/login.ts b/api/login.ts
index 98423ba..c002ba1 100644
--- a/api/login.ts
+++ b/api/login.ts
@@ -14,4 +14,11 @@ export const userInfo = (data : any) => get('v1/info', data);
 
 export const captcha = (data : any) => get('v1/captcha', data);
 
-export const login = (data : any) => post('v1/login', data);
\ No newline at end of file
+export const login = (data : any) => post('v1/login', data);
+
+
+export const logout = (data : any) => get('v1/logout', data);
+
+// 获取权限
+export const menu = (data : any) => get('v1/menu', data);
+
diff --git a/components/SharePoster.vue b/components/SharePoster.vue
index 13e2f7d..2204f4d 100644
--- a/components/SharePoster.vue
+++ b/components/SharePoster.vue
@@ -83,7 +83,7 @@
 				immediate: true,
 				deep: true,
 				handler(newVal) {
-					console.log('SharePoster posterInfo changed:', newVal)
+					// console.log('SharePoster posterInfo changed:', newVal)
 				},
 			},
 		},
diff --git a/components/community-selector/community-selector.vue b/components/community-selector/community-selector.vue
new file mode 100644
index 0000000..7676794
--- /dev/null
+++ b/components/community-selector/community-selector.vue
@@ -0,0 +1,220 @@
+<template>
+  <view class="community-selector">
+    <!-- 弹出层 -->
+    <wd-popup v-model="popupVisible" position="bottom" :safe-area-inset-bottom="true" @close="onCancel" custom-class="community-popup">
+      <view class="picker-container">
+        <!-- 头部操作区 -->
+        <view class="picker-header">
+          <text class="cancel-btn" @click="onCancel">取消</text>
+          <text class="title">选择小区</text>
+          <text class="confirm-btn" @click="onConfirm">确定</text>
+        </view>
+        
+        <!-- 小区列表 -->
+        <scroll-view scroll-y class="community-list">
+          <view class="community-item" 
+                v-for="(item, index) in communities" 
+                :key="index" 
+                :class="{'active': pickerIndex[0] === index}"
+                @click="selectCommunity(index)">
+            <text class="community-item-name">{{ item.label }}</text>
+            <text v-if="pickerIndex[0] === index" class="ri-check-line check-icon"></text>
+          </view>
+          
+          <!-- 底部安全区域 -->
+          <view class="safe-area-padding"></view>
+        </scroll-view>
+      </view>
+    </wd-popup>
+  </view>
+</template>
+
+<script setup>
+import { ref, computed, watch } from 'vue'
+
+const props = defineProps({
+  // 小区列表数据
+  communities: {
+    type: Array,
+    default: () => []
+  },
+  // 当前选中的小区ID
+  modelValue: {
+    type: [String, Number],
+    default: ''
+  },
+  // 是否显示弹出层
+  visible: {
+    type: Boolean,
+    default: false
+  },
+  communityList: {
+    type: Array,
+    default: () => []
+  },
+  defaultId: {
+    type: String,
+    default: ''
+  }
+})
+
+const emit = defineEmits(['update:modelValue', 'update:visible', 'change', 'confirm', 'cancel'])
+
+// 内部状态
+const currentIndex = ref([0])
+const pickerIndex = ref([0])
+
+// 弹出层可见状态
+const popupVisible = computed({
+  get() {
+    return props.visible
+  },
+  set(value) {
+    emit('update:visible', value)
+  }
+})
+
+// 设置默认选中的社区
+const selectedCommunity = ref(null)
+
+// 监听外部传入的值变化
+watch(() => props.modelValue, (newVal) => {
+  if (newVal) {
+    const index = props.communities.findIndex(item => item.value === newVal)
+    if (index !== -1) {
+      currentIndex.value = [index]
+      pickerIndex.value = [index]
+    }
+  }
+}, { immediate: true })
+
+// 监听弹出层显示状态变化
+watch(() => props.visible, (newVal) => {
+  if (newVal) {
+    // 弹出层显示时，重置选择器的值为当前选中值
+    const index = props.communities.findIndex(item => item.value === props.modelValue)
+    if (index !== -1) {
+      pickerIndex.value = [index]
+    } else if (props.communities.length > 0) {
+      pickerIndex.value = [0]
+    }
+  }
+})
+
+// 当社区列表变更时，自动选择第一个社区或默认社区
+watch(() => props.communityList, (list) => {
+  if (list && list.length > 0) {
+    if (props.defaultId) {
+      selectedCommunity.value = list.find(item => item.id === props.defaultId) || list[0]
+    } else {
+      selectedCommunity.value = list[0]
+    }
+  }
+}, { immediate: true })
+
+// 选择小区
+const selectCommunity = (index) => {
+  pickerIndex.value = [index]
+}
+
+// 取消选择
+const onCancel = () => {
+  popupVisible.value = false
+  // 把选择器的值重置为当前已选的值
+  pickerIndex.value = currentIndex.value
+  emit('cancel')
+}
+
+// 确认选择
+const onConfirm = () => {
+  const selectedIndex = pickerIndex.value[0]
+  if (selectedIndex >= 0 && selectedIndex < props.communities.length) {
+    const selectedItem = props.communities[selectedIndex]
+    currentIndex.value = pickerIndex.value
+    emit('update:modelValue', selectedItem.value)
+    emit('change', selectedItem)
+    emit('confirm', selectedItem)
+  }
+  popupVisible.value = false
+}
+</script>
+
+<style lang="scss" scoped>
+.community-selector {
+  display: inline-flex;
+}
+
+.community-popup {
+  border-radius: 24rpx 24rpx 0 0 !important;
+}
+
+.picker-container {
+  background-color: #fff;
+  border-radius: 24rpx 24rpx 0 0;
+  overflow: hidden;
+  display: flex;
+  flex-direction: column;
+  max-height: 70vh;
+}
+
+.picker-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  height: 110rpx;
+  padding: 0 30rpx;
+  border-bottom: 1px solid #f2f2f2;
+  box-shadow: 0 2rpx 4rpx rgba(0, 0, 0, 0.02);
+  position: relative;
+  
+  .title {
+    font-size: 34rpx;
+    font-weight: 500;
+    color: #333;
+  }
+  
+  .cancel-btn {
+    font-size: 30rpx;
+    color: #999;
+    padding: 15rpx 10rpx;
+  }
+  
+  .confirm-btn {
+    font-size: 30rpx;
+    color: #3e9bff;
+    font-weight: 500;
+    padding: 15rpx 10rpx;
+  }
+}
+
+.community-list {
+  flex: 1;
+  height: calc(70vh - 110rpx);
+}
+
+.community-item {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 30rpx 40rpx;
+  border-bottom: 1px solid #f6f6f6;
+  
+  &.active {
+    background-color: #f8f8f8;
+  }
+  
+  .community-item-name {
+    font-size: 32rpx;
+    color: #333;
+  }
+  
+  .check-icon {
+    font-size: 40rpx;
+    color: #3e9bff;
+  }
+}
+
+.safe-area-padding {
+  height: 80rpx;
+}
+</style> 
\ No newline at end of file
diff --git a/components/examples/permission-button.vue b/components/examples/permission-button.vue
new file mode 100644
index 0000000..30f3695
--- /dev/null
+++ b/components/examples/permission-button.vue
@@ -0,0 +1,29 @@
+<template>
+  <view v-if="showButton">
+    <slot></slot>
+  </view>
+</template>
+
+<script setup>
+import { computed, inject } from 'vue'
+import { hasPermission } from '@/utils/permission'
+
+const props = defineProps({
+  // 功能类型，与permission.js中的permissionMap对应
+  type: {
+    type: String,
+    required: true
+  }
+})
+
+// 尝试从父级组件注入权限数组，如果没有则使用空数组
+const userPermissions = inject('userPermissions', [])
+
+// 计算是否显示按钮
+const showButton = computed(() => {
+  return hasPermission(props.type, userPermissions)
+})
+</script>
+
+<style>
+</style> 
\ No newline at end of file
diff --git a/components/examples/permission-example.vue b/components/examples/permission-example.vue
new file mode 100644
index 0000000..32a9fe6
--- /dev/null
+++ b/components/examples/permission-example.vue
@@ -0,0 +1,124 @@
+<template>
+  <view class="permission-example">
+    <wd-navbar title="权限控制示例" left-text="返回" @clickLeft="onBack" />
+    
+    <view class="section li-p-30">
+      <view class="section-title li-mb-20 li-text-32 li-font-bold">1. 按钮权限控制</view>
+      
+      <!-- 使用权限按钮组件 -->
+      <permission-button type="verification" class="li-mb-20">
+        <wd-button>核销按钮(F1权限)</wd-button>
+      </permission-button>
+      
+      <permission-button type="delivery" class="li-mb-20">
+        <wd-button>配送按钮(F2权限)</wd-button>
+      </permission-button>
+      
+      <permission-button type="promotion" class="li-mb-20">
+        <wd-button>推广按钮(F3权限)</wd-button>
+      </permission-button>
+    </view>
+    
+    <view class="section li-p-30">
+      <view class="section-title li-mb-20 li-text-32 li-font-bold">2. 菜单列表权限控制</view>
+      
+      <!-- 菜单列表筛选示例 -->
+      <wd-cell-group>
+        <wd-cell v-for="item in filteredMenuList" :key="item.type" :title="item.title" is-link @click="handleClick(item)" />
+      </wd-cell-group>
+    </view>
+    
+    <view class="section li-p-30">
+      <view class="section-title li-mb-20 li-text-32 li-font-bold">3. 内联权限控制</view>
+      
+      <!-- 直接使用hasPermission函数 -->
+      <view v-if="hasPermission('measure', userPermissions)" class="li-mb-20">
+        <view class="li-bg-#f2f2f2 li-p-20 li-rd-10">
+          <text class="li-text-28">这段内容只有拥有量房权限(F4)的用户才能看到</text>
+        </view>
+      </view>
+      
+      <view v-if="hasPermission('repair', userPermissions)" class="li-mb-20">
+        <view class="li-bg-#f2f2f2 li-p-20 li-rd-10">
+          <text class="li-text-28">这段内容只有拥有维修权限(F6)的用户才能看到</text>
+        </view>
+      </view>
+    </view>
+    
+    <view class="section li-p-30">
+      <view class="section-title li-mb-20 li-text-32 li-font-bold">4. 当前权限状态</view>
+      <view class="li-bg-#f2f2f2 li-p-20 li-rd-10">
+        <text class="li-text-26">权限列表: {{userPermissions.join(', ') || '无权限'}}</text>
+      </view>
+      
+      <!-- 模拟切换权限 -->
+      <view class="li-mt-20">
+        <wd-button @click="togglePermission('F1')">切换F1权限</wd-button>
+        <wd-button @click="togglePermission('F2')" class="li-mt-10">切换F2权限</wd-button>
+        <wd-button @click="togglePermission('F3')" class="li-mt-10">切换F3权限</wd-button>
+        <wd-button @click="togglePermission('F4')" class="li-mt-10">切换F4权限</wd-button>
+        <wd-button @click="togglePermission('F6')" class="li-mt-10">切换F6权限</wd-button>
+      </view>
+    </view>
+  </view>
+</template>
+
+<script setup>
+import { ref, computed, provide } from 'vue'
+import { hasPermission, filterByPermission } from '@/utils/permission'
+import PermissionButton from '@/components/permission-button.vue'
+
+// 模拟用户权限数据
+const userPermissions = ref(['F1', 'F3'])
+
+// 提供权限数据给子组件
+provide('userPermissions', userPermissions)
+
+// 菜单列表
+const menuList = [
+  { title: '商品核销', type: 'verification' },
+  { title: '商品配送', type: 'delivery' },
+  { title: '推广管理', type: 'promotion' },
+  { title: '量房管理', type: 'measure' },
+  { title: '维修管理', type: 'repair' },
+  { title: '系统设置', type: 'settings' } // 这个没有权限控制，始终显示
+]
+
+// 过滤菜单列表
+const filteredMenuList = computed(() => {
+  return filterByPermission(menuList, userPermissions.value)
+})
+
+// 切换权限
+const togglePermission = (permissionCode) => {
+  const index = userPermissions.value.indexOf(permissionCode)
+  if (index >= 0) {
+    userPermissions.value.splice(index, 1)
+  } else {
+    userPermissions.value.push(permissionCode)
+  }
+  // 强制更新数组引用以触发响应式更新
+  userPermissions.value = [...userPermissions.value]
+}
+
+// 处理菜单点击
+const handleClick = (item) => {
+  uni.showToast({
+    title: `点击了${item.title}`,
+    icon: 'none'
+  })
+}
+
+// 返回上一页
+const onBack = () => {
+  uni.navigateBack()
+}
+</script>
+
+<style>
+.section {
+  margin-bottom: 30rpx;
+  background-color: #fff;
+  border-radius: 16rpx;
+}
+</style> 
\ No newline at end of file
diff --git a/pages/chat/index.vue b/pages/chat/index.vue
index 7caf10b..0425cc9 100644
--- a/pages/chat/index.vue
+++ b/pages/chat/index.vue
@@ -10,16 +10,16 @@
 			<!-- #ifdef MP-WEIXIN -->
 			<template #title>
 				<view class="li-flex-center li-ml-200">
-					<text class="ri-brush-3-line li-text-46 li-mr-30"></text>
-					<text class="ri-search-eye-line li-text-46 li-pt-2"></text>
+					<text class="ri-brush-3-line li-text-46 li-mr-30" @click="clearMsg"></text>
+					<text class="ri-search-eye-line li-text-46 li-pt-2" @click="search"></text>
 				</view>
 			</template>
 			<!-- #endif -->
 			<!-- #ifndef MP-WEIXIN -->
 			<template #right>
 				<view class="li-flex-center li-mr-25">
-					<text class="ri-brush-3-line li-text-46 li-mr-30"></text>
-					<text class="ri-search-eye-line li-text-46 li-pt-2"></text>
+					<text class="ri-brush-3-line li-text-46 li-mr-30" @click="clearMsg"></text>
+					<text class="ri-search-eye-line li-text-46 li-pt-2" @click="search"></text>
 				</view>
 			</template>
 			<!-- #endif -->
@@ -69,6 +69,8 @@
 		<view v-if="messageList.length==0" class="!li-mt-300">
 			<wd-status-tip image="message" tip="暂无待处理会话" />
 		</view>
+		<!-- 顶部提示条（成功/失败消息提示） -->
+		<wd-toast />
 	</view>
 </template>
 
@@ -76,6 +78,8 @@
 	import { ref } from 'vue'
 	const messageList = ref([])
 	import { onLoad, onReachBottom, onPullDownRefresh } from '@dcloudio/uni-app'
+	import { useToast } from '@/uni_modules/wot-design-uni'
+	const Toast = useToast()
 
 	onPullDownRefresh(() => {
 		uni.stopPullDownRefresh()
@@ -85,6 +89,13 @@
 
 	})
 
+	const clearMsg = () => {
+		Toast.info('暂无消息')
+	}
+	const search = () => {
+		Toast.info('暂无消息')
+	}
+
 	const handleAction = (action : string) => {
 		console.log(action);
 	}
diff --git a/pages/index/index.vue b/pages/index/index.vue
index 8a749f9..8d814d5 100644
--- a/pages/index/index.vue
+++ b/pages/index/index.vue
@@ -40,7 +40,7 @@
 		<!-- grid -->
 		<view class="li-mt-15 ">
 			<wd-grid class="li-px-30" bg-color="transparent" :column="4" :clickable="true">
-				<wd-grid-item use-icon-slot use-text-slot v-for="(item,index) in gridList" :key="index"
+				<wd-grid-item use-icon-slot use-text-slot v-for="(item,index) in filteredGridList" :key="index"
 					@itemclick="toPages({type:item.type})">
 					<template #icon>
 						<image class="li-w-58 li-h-58" :src="item.image" />
@@ -52,7 +52,7 @@
 			</wd-grid>
 		</view>
 		<!-- card -->
-		<view
+		<!-- <view
 			:style="{backgroundImage:`url(${card_back})`,backgroundSize:'cover',backgroundPosition:'center',borderRadius:'15rpx'}"
 			class="li-w-88% li-h-220 li-mx-auto li-mt-20 li-pt-15">
 			<text class="li-ml-35 li-text-30 li-text-#010B3E">代处理事项</text>
@@ -64,7 +64,7 @@
 					<text class="li-text-24 li-text-#AFB2B8">{{item.desc}}</text>
 				</view>
 			</view>
-		</view>
+		</view> -->
 		<!-- list -->
 		<view class="li-w-88% li-mx-auto li-mt-30">
 			<text class="li-ml-35 li-text-30">常见问题解答</text>
@@ -104,27 +104,39 @@
 	</view>
 </template>
 
-<script setup lang="ts">
+<script setup>
 	import {
-		userInfo
+		userInfo,
+		menu
 	} from '@/api/login';
 	import {
 		newMessage, bannerList
 	} from '@/api/message';
 	import {
-		ref
+		ref, computed, provide
 	} from 'vue'
-	import { onLoad, onReachBottom, Uni, onPullDownRefresh } from "@dcloudio/uni-app"
-	// import SafeAreaTop from '@/components/SafeAreaTop/index.vue'
-	// import SafeAreaBottom from '@/components/SafeAreaBottom/index.vue'
-	declare const uni : Uni
+	import { onLoad, onReachBottom, onPullDownRefresh } from "@dcloudio/uni-app"
+	import { hasPermission, filterByPermission } from '@/utils/permission'
+	
 	const card_back = uni.$globalData?.RESOURCE_URL + 'home/card-back.png'
-	const keyword = ref<string>('')
-	const messageCount = ref<number>(0)
-	const current = ref<number>(0)
-	const state = ref<string>('loading')
-
+	const keyword = ref('')
+	const messageCount = ref(0)
+	const current = ref(0)
+	const state = ref('loading')
+	const menuInfo = ref({})
+	
+	// 提供权限数据给子组件使用
+	provide('userPermissions', computed(() => menuInfo.value?.auth || []))
 
+	// 获取过滤后的菜单列表
+	const filteredGridList = computed(() => {
+		return menuInfo.value?.auth ? filterByPermission(gridList.value, menuInfo.value.auth) : [];
+	});
+	
+	// 添加权限检查方法，便于模板中直接使用
+	const checkPermission = (type) => {
+		return hasPermission(type, menuInfo.value?.auth || []);
+	}
 
 	// 根据环境使用不同的图片路径
 	const swiperList = ref([
@@ -155,11 +167,11 @@
 			title: '邀请业主',
 			type: 'invite'
 		},
-		{
-			image: uni.$globalData?.RESOURCE_URL + 'home/grid/cuijiao.png',
-			title: '物业催缴',
-			type: 'call'
-		},
+		// {
+		// 	image: uni.$globalData?.RESOURCE_URL + 'home/grid/cuijiao.png',
+		// 	title: '物业催缴',
+		// 	type: 'call'
+		// },
 		{
 			image: uni.$globalData?.RESOURCE_URL + 'home/grid/tousu.png',
 			title: '投诉管理',
@@ -170,11 +182,11 @@
 		// 	title: '访客邀请',
 		// 	type: ''
 		// },
-		// {
-		// 	image: uni.$globalData?.RESOURCE_URL + 'home/grid/wenjuan.png',
-		// 	title: '问卷管理',
-		// 	type: 'questionnaire'
-		// },
+		{
+			image: uni.$globalData?.RESOURCE_URL + 'home/grid/wenjuan.png',
+			title: '问卷管理',
+			type: 'questionnaire'
+		},
 		// {
 		// 	image: uni.$globalData?.RESOURCE_URL + 'home/grid/fangyuan.png',
 		// 	title: '房源管理',
@@ -201,7 +213,7 @@
 	const toDoList = ref([
 		{
 			num: '30',
-			desc: '今日任务'
+			desc: '今日任务',
 		},
 		{
 			num: '12',
@@ -241,7 +253,7 @@
 	const onChange = (e) => {
 		console.log(e)
 	}
-	const toPages = (item : any) => {
+	const toPages = (item) => {
 		switch (item.type) {
 			case 'task_hall':
 				// 工单大厅
@@ -340,12 +352,22 @@
 		const mess = await newMessage()
 		messageCount.value = mess.data.count
 		// 轮播加载
-		const banner = await bannerList({ position: 5 })
-		swiperList.value = banner.data.map((item : { image : String; }) => item.image)
+		const banner = await bannerList({ position: 1 })
+		// swiperList.value = banner.data.map((item) => item.image)
 	})
 
+	// 获取用户权限
+	const getMenu = async () => {
+		const resMenu = await menu()
+		if (resMenu.code == 200) {
+			menuInfo.value = resMenu.data
+			console.log('用户权限:', menuInfo.value.auth)
+		}
+	}
+
 	onLoad(() => {
 		loadData()
+		getMenu()
 	})
 
 	onPullDownRefresh(() => {
diff --git a/pages/login/index.vue b/pages/login/index.vue
index 217ca39..9209a79 100644
--- a/pages/login/index.vue
+++ b/pages/login/index.vue
@@ -18,9 +18,9 @@
 			<!-- 验证码 -->
 			<view class="li-flex li-items-center li-justify-between li-mt-28">
 				<view class="li-w-420">
-					<wd-input :maxlength="11" placeholder="请输入验证码" type='text' v-model="form.code"
-						prefix-icon="secured" placeholderStyle="font-size:30rpx" :focus-when-clear="false"
-						clear-trigger="focus" clearable no-border />
+					<wd-input :maxlength="11" placeholder="请输入验证码" type='text' v-model="form.code" prefix-icon="secured"
+						placeholderStyle="font-size:30rpx" :focus-when-clear="false" clear-trigger="focus" clearable
+						no-border />
 				</view>
 				<view class="li-bg-white li-w-150 li-h-68" @click="getCode()">
 					<image class="li-w-150 li-h-68" :src="captchaData.image" mode=""></image>
@@ -35,15 +35,16 @@
 		<view class="li-flex li-items-center li-justify-center li-w-90% li-mx-auto li-text-#a5a5a5 li-text-24 li-mt-32">
 			<wd-checkbox checked-color="#2EA1EA" v-model="check" />
 			阅读并同意
-			<text class="li-text-#2EA1EA li-mx-10">
+			<text @click="handleUserAgreement" class="li-text-#2EA1EA li-mx-10">
 				《用户协议》
 			</text>
 			和
-			<text class="li-text-#2EA1EA li-mx-10">
+			<text @click="handlePrivacyPolicy" class="li-text-#2EA1EA li-mx-10">
 				《隐私政策》
 			</text>
 		</view>
 		<zero-loading type="wobble" v-if="loading"></zero-loading>
+		<wd-toast />
 	</view>
 </template>
 
@@ -52,6 +53,8 @@
 	import { captcha, login } from '@/api/login';
 	import { onLoad, onShow, Uni } from '@dcloudio/uni-app';
 	import { md5 } from '@/utils/common';
+	import { useToast } from '@/uni_modules/wot-design-uni';
+	const Toast = useToast();
 	declare const uni : Uni
 
 	interface formItem {
@@ -83,65 +86,93 @@
 
 	const loginHandle = async () => {
 		if (!check.value) {
-			uni.showToast({
-				icon: 'none',
-				title: '请阅读并同意《用户协议》和《隐私政策》',
-				duration: 2000
-			})
+			// uni.showToast({
+			// 	icon: 'none',
+			// 	title: '请阅读并同意《用户协议》和《隐私政策》',
+			// 	duration: 2000
+			// })
+			Toast.info('请阅读并同意《用户协议》和《隐私政策》')
 			return;
 		}
 		if (!form.value.username) {
-			uni.showToast({
-				icon: 'none',
-				title: '登录账号不能为空',
-				duration: 2000
-			})
+			// uni.showToast({
+			// 	icon: 'none',
+			// 	title: '登录账号不能为空',
+			// 	duration: 2000
+			// })
+			Toast.info('登录账号不能为空')
 			return;
 		}
 		if (!form.value.password) {
-			uni.showToast({
-				icon: 'none',
-				title: '登录密码不能为空',
-				duration: 2000
-			})
+			// uni.showToast({
+			// 	icon: 'none',
+			// 	title: '登录密码不能为空',
+			// 	duration: 2000
+			// })
+			Toast.info('登录密码不能为空')
 			return;
 		}
 		if (!form.value.code) {
-			uni.showToast({
-				icon: 'none',
-				title: '验证码不能为空',
-				duration: 2000
-			})
+			// uni.showToast({
+			// 	icon: 'none',
+			// 	title: '验证码不能为空',
+			// 	duration: 2000
+			// })
+			Toast.info('验证码不能为空')
 			return;
 		}
 		// 请求数据处理
-		loading.value = true
+		// loading.value = true
+		uni.showLoading({
+			title: '登录中...'
+		})
 		form.value.uuid = captchaData.value.uuid
 		form.value.password = md5(form.value.password)
 		const res = await login(form.value)
 		if (res.code != 200) {
-			uni.showToast({
-				icon: 'none',
-				title: res.msg,
-				duration: 3000
-			})
+			// uni.showToast({
+			// 	icon: 'none',
+			// 	title: res.msg,
+			// 	duration: 3000
+			// })
+			Toast.error(res.msg)
 			form.value.password = ""
 			form.value.code = ""
-			loading.value = false
+			// loading.value = false
+			uni.hideLoading()
 			getCode()
 			return;
 		}
 		// 登录成功，保存token，跳转首页
 		uni.$store.commit("setToken", res.data.token)
 		setTimeout(() => {
-			loading.value = false
+			// loading.value = false
+			uni.hideLoading()
 			// 跳转至首页
 			uni.switchTab({
 				url: '/pages/index/index'
 			})
 		}, 300)
 
-	}
+	};
+
+	/**
+	 * 查看隐私政策
+	 */
+	const handlePrivacyPolicy = () => {
+		uni.navigateTo({
+			url: '/pagesB/agreement/index?type=2'
+		});
+	};
+
+	/**
+	 * 查看用户协议
+	 */
+	const handleUserAgreement = () => {
+		uni.navigateTo({
+			url: '/pagesB/agreement/index?type=1'
+		});
+	};
 
 	onShow(() => {
 		getCode()
diff --git a/pages/mine/index.vue b/pages/mine/index.vue
index 9c3e5ec..41e82b6 100644
--- a/pages/mine/index.vue
+++ b/pages/mine/index.vue
@@ -2,14 +2,14 @@
 	<view class="li-mine-page">
 		<SafeAreaTop />
 		<view class="li-flex li-justify-between li-items-center li-w-94% li-mx-auto li-mt-60">
-			<view class="li-flex li-items-center">
+			<view @click="toPages({type:'userInfo'})" class="li-flex li-items-center">
 				<view class="li-flex li-items-end li-mr-20">
 					<image class="li-w-100 li-h-100 li-rd-50% border-4-white" :src="user_info.avatar" mode="">
 					</image>
 				</view>
 				<view class="li-flex li-flex-col">
-					<text class="li-text-38 li-text-#000000 li-mb-2">{{user_info.realname}}</text>
-					<text class="li-text-24 li-text-#b1bbc7">{{user_info.owner.name}}</text>
+					<text class="li-text-38 li-text-#000000 li-mb-2">{{user_info?.realname}}</text>
+					<text class="li-text-24 li-text-#b1bbc7">{{user_info?.owner?.name}}</text>
 				</view>
 			</view>
 			<image class="li-w-240 li-h-240" :src="mine_back" mode="aspectFill"></image>
@@ -28,20 +28,20 @@
 			<view class="li-text-#FFFFFF li-flex li-flex-col li-justify-start li-ml-50">
 				<text class="li-text-#F8C883 li-text-24">账户余额</text>
 				<view class="li-flex li-items-center li-pb-14">
-					<text class="li-text-#F2F7FD li-font-bold li-text-32">1120.00</text>
+					<text class="li-text-#F2F7FD li-font-bold li-text-32">0.00</text>
 					<text class="li-text-#BBBDDA li-text-20 li-ml-4 li-pt-8">元</text>
 				</view>
 			</view>
 			<view class="li-mr-50">
-				<wd-button custom-class="custom-shadow" size="small">&emsp;提现&emsp;</wd-button>
+				<wd-button @click="withdrawal" custom-class="custom-shadow" size="small">&emsp;提现&emsp;</wd-button>
 			</view>
 		</view>
 		<!-- 宫格 -->
 		<view class="li-w-94% li-mx-auto li-grid-bg li-h-250 li-rd-20 li-mt-26">
 			<view class="li-flex li-justify-between li-items-center li-pt-20 li-mx-20">
 				<text class="li-text-#19171B li-text-32">待处理工单</text>
-				<view class="li-text-#B2B2B2 li-flex li-items-center li-text-24">查看更多<text
-						class="ri-arrow-right-s-line"></text></view>
+				<view @click="toPages({type:'all'})" class="li-text-#B2B2B2 li-flex li-items-center li-text-24">
+					查看更多<text class="ri-arrow-right-s-line"></text></view>
 			</view>
 			<view class="li-flex li-justify-between li-items-center  li-mx-40 li-mt-30">
 				<view class="li-flex li-flex-col li-justify-center li-items-center" v-for="(item,index) in workList"
@@ -61,7 +61,7 @@
 			</view>
 			<wd-grid class="" :column="4" :clickable="true">
 				<wd-grid-item use-icon-slot use-text-slot v-for="(item,index) in frequentlyList" :key="index"
-					@click="toPages({type:item.type})">
+					@itemclick="toPages({type:item.type})">
 					<template #icon>
 						<wd-badge :hidden="item.number > 0 ? false:true" :modelValue="item.number" top='5' right="-2"
 							:max='99'>
@@ -74,6 +74,8 @@
 				</wd-grid-item>
 			</wd-grid>
 		</view>
+		<!-- 顶部提示条（成功/失败消息提示） -->
+		<wd-toast />
 	</view>
 </template>
 
@@ -81,6 +83,8 @@
 	import SafeAreaTop from '@/components/SafeAreaTop/index.vue'
 	import { onShow, onReachBottom, Uni } from "@dcloudio/uni-app"
 	import { ref } from "vue"
+	import { useToast } from '@/uni_modules/wot-design-uni'
+	const Toast = useToast()
 	declare const uni : Uni
 
 	const user_info = ref({
@@ -109,12 +113,12 @@
 	const workList = ref([
 		{
 			title: '待入库',
-			number: 12,
+			number: 0,
 			icon: uni.$globalData?.RESOURCE_URL + 'mine/icon/chuku.png',
 			type: 'warehousing',
 		}, {
 			title: '待配送',
-			number: 11,
+			number: 0,
 			icon: uni.$globalData?.RESOURCE_URL + 'mine/icon/peisong.png',
 			type: 'my_order_F2',
 		}, {
@@ -167,10 +171,21 @@
 		}
 	])
 
+	const withdrawal = () => {
+		Toast.info('暂无余额')
+
+	}
+
+
 
 	const toPages = (item) => {
-		console.log('111111111111');
 		switch (item.type) {
+			case 'all':
+				// 查看更多工单
+				uni.navigateTo({
+					url: '/pagesA/my_order/list'
+				});
+				break;
 			case 'warehousing':
 				// 入库
 				uni.navigateTo({
@@ -191,9 +206,10 @@
 				break;
 			case 'call':
 				// 入库
-				uni.navigateTo({
-					url: '/pagesB/call/index'
-				});
+				// uni.navigateTo({
+				// 	url: '/pagesB/call/index'
+				// });
+				Toast.info('暂无缴费记录')
 				break;
 			case 'protocol':
 				// 用户协议
@@ -213,6 +229,12 @@
 					url: '/pagesB/setting/index'
 				});
 				break;
+			case 'userInfo':
+				// 隐私政策
+				uni.navigateTo({
+					url: '/pagesB/setting/editInfo'
+				});
+				break;
 			default:
 				break;
 		}
diff --git a/pagesA/invite/index.vue b/pagesA/invite/index.vue
index 779d0b6..dee26b5 100644
--- a/pagesA/invite/index.vue
+++ b/pagesA/invite/index.vue
@@ -101,14 +101,14 @@
 					class="record-item li-bg-white li-rd-20 li-p-30 li-mb-20 li-shadow-sm">
 					<view class="li-flex li-justify-between li-items-center">
 						<view class="li-flex li-items-center">
-							<image :src="item.avatar" class="avatar"></image>
+							<image :src="item.avatar?item.avatar:'/static/logo.png'" class="avatar"></image>
 							<view class="li-ml-20">
-								<view class="li-text-32 li-text-#333">{{item.name}}</view>
-								<view class="li-text-26 li-text-#999 li-mt-10">{{item.time}}</view>
+								<view class="li-text-32 li-text-#333">{{item.user_name}}</view>
+								<view class="li-text-26 li-text-#999 li-mt-10">{{item.create_time}}</view>
 							</view>
 						</view>
-						<view class="status-tag" :class="item.status === 1 ? 'success' : 'pending'">
-							{{item.status === 1 ? '已绑定' : '待认证'}}
+						<view class="status-tag success">
+							已绑定
 						</view>
 					</view>
 				</view>
@@ -224,6 +224,9 @@
 				limit: limit.value,
 			})
 			if (res.code == 200) {
+				if (res.data.length < 10) {
+					state.value = 'finished'
+				}
 				inviteListData.value = [...inviteListData.value, ...res.data]
 				count.value = res.count
 			}
@@ -444,4 +447,11 @@
 	.rules-popup .rules-content .rule-item:last-child {
 		margin-bottom: 0;
 	}
+	
+	::v-deep .wd-divider,
+	.wd-divider::after,
+	.wd-divider::before {
+		border: none !important;
+		margin: 0 !important;
+	}
 </style>
\ No newline at end of file
diff --git a/pagesA/message/index.vue b/pagesA/message/index.vue
index b2012db..ba72b28 100644
--- a/pagesA/message/index.vue
+++ b/pagesA/message/index.vue
@@ -16,14 +16,14 @@
 			<!-- #ifdef MP-WEIXIN -->
 			<template #title>
 				<view class="li-flex-center li-ml-200">
-					<text class="ri-brush-3-line li-text-47"></text>
+					<text class="ri-brush-3-line li-text-47" @click="clearMsg"></text>
 				</view>
 			</template>
 			<!-- #endif -->
 			<!-- #ifndef MP-WEIXIN -->
 			<template #right>
 				<view class="li-flex-center li-mr-25">
-					<text class="ri-brush-3-line li-text-52 li-pt-2"></text>
+					<text class="ri-brush-3-line li-text-52 li-pt-2" @click="clearMsg"></text>
 				</view>
 			</template>
 			<!-- #endif -->
@@ -73,6 +73,8 @@
 		<view v-if="messageList.length==0" class="!li-mt-300">
 			<wd-status-tip image="message" tip="暂无待处理会话" />
 		</view>
+		<!-- 顶部提示条（成功/失败消息提示） -->
+		<wd-toast />
 	</view>
 </template>
 
@@ -80,6 +82,8 @@
 	import { ref } from 'vue'
 	import { onLoad, onReachBottom, onPullDownRefresh } from '@dcloudio/uni-app'
 	import { useNavigation } from '@/hooks/useNavigation'
+	import { useToast } from '@/uni_modules/wot-design-uni'
+	const Toast = useToast()
 	// 使用导航 composable
 	const {
 		hasMultiplePages,   // 是否有多个页面在路由栈中
@@ -87,17 +91,17 @@
 		checkRouteStack     // 检查当前路由栈状态的方法
 	} = useNavigation()
 	const messageList = ref([
-		{
-			image: '/static/message/icon.png',
-			title: '订单提醒',
-			time: '2025/12/12',
-			content: "1.15新版出炉，足迹'随笔功能'上线，记录线，记录线，记录1.15新版出炉，足迹"
-		}, {
-			image: '/static/message/icon1.png',
-			title: '订单提醒',
-			time: '2025/12/12',
-			content: "1.15新版出炉，足迹'随笔功能'上线，记录线，记录线，记录1.15新版出炉，足迹"
-		}
+		// {
+		// 	image: '/static/message/icon.png',
+		// 	title: '订单提醒',
+		// 	time: '2025/12/12',
+		// 	content: "1.15新版出炉，足迹'随笔功能'上线，记录线，记录线，记录1.15新版出炉，足迹"
+		// }, {
+		// 	image: '/static/message/icon1.png',
+		// 	title: '订单提醒',
+		// 	time: '2025/12/12',
+		// 	content: "1.15新版出炉，足迹'随笔功能'上线，记录线，记录线，记录1.15新版出炉，足迹"
+		// }
 	])
 
 
@@ -115,6 +119,11 @@
 	const handleAction = (action : string) => {
 		console.log(action);
 	}
+
+	const clearMsg = () => {
+		Toast.info('暂无消息')
+	}
+
 	const toPages = (item : any) => {
 		console.log(item);
 		switch (item.type) {
diff --git a/pagesA/verification/history.vue b/pagesA/verification/history.vue
index 95deee3..0db01fa 100644
--- a/pagesA/verification/history.vue
+++ b/pagesA/verification/history.vue
@@ -52,6 +52,8 @@
 			<wd-loadmore loading-text="努力加载中" finished-text="没有更多了" :state="state" />
 		</view>
 		<zero-loading type="wobble" v-if="loading"></zero-loading>
+		<!-- 顶部提示条（成功/失败消息提示） -->
+		<wd-toast />
 	</view>
 </template>
 
diff --git a/pagesA/verification/historyDetail.vue b/pagesA/verification/historyDetail.vue
index 5a421f3..1b9d603 100644
--- a/pagesA/verification/historyDetail.vue
+++ b/pagesA/verification/historyDetail.vue
@@ -26,7 +26,7 @@
 					<text class="status-text">{{historyType=='1'?'入库成功':'核销成功'}}</text>
 				</view>
 				<text
-					class="status-time">{{codeInfo?.status == 2? '正常入库': '正常核销'}}</text>
+					class="status-time">{{historyType == '1'? '正常入库': '正常核销'}}</text>
 			</view>
 			<view class="li-divider li-my-20"></view>
 			<view class="order-info li-px-30">
@@ -36,7 +36,7 @@
 				</view>
 				<view class="li-flex li-justify-between li-text-30 li-text-#666 li-mb-10">
 					<text>操作人员：{{userInfo.realname}}</text>
-					<text v-if="codeInfo.status == 9">负责仓库：{{codeInfo.distribute_name}}</text>
+					<!-- <text v-if="codeInfo.status == 9">负责仓库：{{codeInfo.distribute_name}}</text> -->
 				</view>
 			</view>
 		</view>
diff --git a/pagesA/verification/index.vue b/pagesA/verification/index.vue
index 689e8d9..e89d864 100644
--- a/pagesA/verification/index.vue
+++ b/pagesA/verification/index.vue
@@ -14,11 +14,21 @@
 					<text class="li-text-42 ">商品核销</text>
 				</view>
 			</template>
+			<!-- #ifdef MP-WEIXIN -->
 			<template #right>
-				<view class="li-flex-center li-mr-25" @click="toVerificationHistory">
-					<text class="ri-history-line li-text-48 "></text>
+				<view class="li-flex-center li-mr-200" @click="toVerificationHistory">
+					<text class="ri-history-line li-text-48"></text>
 				</view>
 			</template>
+
+			<!-- #endif -->
+			<!-- #ifndef MP-WEIXIN -->
+			<template #right>
+				<view class="li-flex-center li-mr-25" @click="toVerificationHistory">
+					<text class="ri-history-line li-text-48"></text>
+				</view>
+			</template>
+			<!-- #endif -->
 		</wd-navbar>
 
 		<!-- 功能模式切换卡片 -->
@@ -180,7 +190,8 @@
 										<text class="detail-icon ri-price-tag-3-line"></text>
 										<text class="detail-label">订单类型</text>
 									</view>
-									<text class="detail-value">{{orderInfo.type==1?'普通订单':(orderInfo.type==2?'秒杀订单':'拼团订单')}}</text>
+									<text
+										class="detail-value">{{orderInfo.type==1?'普通订单':(orderInfo.type==2?'秒杀订单':'拼团订单')}}</text>
 								</view>
 							</view>
 						</view>
diff --git a/pagesB/call/index.vue b/pagesB/call/index.vue
index bab299f..7cc3eff 100644
--- a/pagesB/call/index.vue
+++ b/pagesB/call/index.vue
@@ -16,32 +16,20 @@
 			<!-- #ifdef MP-WEIXIN -->
 			<template #right>
 				<view class="li-mr-180 li-flex li-items-center">
-					<!-- 小区选择器 -->
-					<!-- <wd-picker size="large" label-key="label" value-key="value" :columns="communityList" label="单列选项"
-						v-model="showCommunityPicker" @confirm="handleCommunityConfirm" v-model:value="selectedVillage" /> -->
-					<wd-picker size="large" label-key="label" value-key="value" :columns="communityList" label="单列选项"
-						v-model="showCommunityPicker" @confirm="handleCommunityConfirm" v-model:value="selectedVillage"
-						use-default-slot>
-						<view class="community-switch li-flex li-items-center" @click="showCommunityPicker = true">
-							<text class="li-text-28 li-text-primary li-mr-6">{{activeCommunity.name}}</text>
-							<text class="ri-arrow-down-s-line li-text-30"></text>
-						</view>
-					</wd-picker>
+					<view class="community-switcher" @click="showCommunityPicker = true">
+						<text class="community-name">{{activeCommunity.name}}</text>
+						<text class="arrow-icon ri-arrow-down-s-line"></text>
+					</view>
 				</view>
 			</template>
-
 			<!-- #endif -->
 			<!-- #ifndef MP-WEIXIN -->
 			<template #right>
 				<view class="li-mr-25 li-flex li-items-center">
-					<wd-picker size="large" label-key="label" value-key="value" :columns="communityList" label="单列选项"
-						v-model="showCommunityPicker" @confirm="handleCommunityConfirm" v-model:value="selectedVillage"
-						use-default-slot>
-						<view class="community-switch li-flex li-items-center" @click="showCommunityPicker = true">
-							<text class="li-text-28 li-text-primary li-mr-6">{{activeCommunity.name}}</text>
-							<text class="ri-arrow-down-s-line li-text-30"></text>
-						</view>
-					</wd-picker>
+					<view class="community-switcher" @click="showCommunityPicker = true">
+						<text class="community-name">{{activeCommunity.name}}</text>
+						<text class="arrow-icon ri-arrow-down-s-line"></text>
+					</view>
 				</view>
 			</template>
 			<!-- #endif -->
@@ -71,6 +59,7 @@
 				</view>
 				<view class="community-footer li-p-30 li-bg-white">
 					<view class="li-flex li-items-center">
+						<text class="ri-community-line li-text-28 li-text-#666 li-mr-10"></text>
 						<text class="li-text-28 li-text-#666">物业管理中心：</text>
 						<text class="li-text-28 li-text-#333">{{activeCommunity.managementAddress}}</text>
 					</view>
@@ -92,13 +81,14 @@
 					<view class="content-container">
 						<!-- 单元选择 -->
 						<view class="unit-selector li-px-30 li-py-20">
-							<view class="li-mb-20">
+							<view class="li-flex li-justify-between li-items-center li-mb-15">
 								<text class="li-text-30 li-font-bold">{{getActiveBuilding().name}}</text>
+								<text class="li-text-24 li-text-#3e9bff">单元数量: {{unitList.length}}</text>
 							</view>
-							<view class="unit-buttons li-flex li-flex-wrap">
+							<view class="unit-grid">
 								<view v-for="unit in unitList" :key="unit.value"
-									class="unit-button li-flex-center li-mr-20 li-mb-20"
-									:class="activeUnitId === String(unit.value) ? 'unit-button-active' : ''"
+									class="unit-item li-mr-15 li-mb-15"
+									:class="activeUnitId === String(unit.value) ? 'unit-item-active' : ''"
 									@click="activeUnitId = String(unit.value)">
 									<text class="unit-text"
 										:class="activeUnitId === String(unit.value) ? 'unit-text-active' : ''">{{unit.label}}</text>
@@ -113,29 +103,26 @@
 						<view class="house-list li-px-30 li-pb-40">
 							<view v-for="(floor, floorIndex) in floorHouseList" :key="floorIndex"
 								class="floor-item li-mb-20">
-								<view class="floor-header li-py-15 li-px-30">
-									<text class="li-text-30 li-font-bold li-text-#333">{{floor.floor}}层</text>
+								<view class="floor-header">
+									<text class="floor-title">{{floor.floor}}层</text>
 								</view>
 								<view class="house-grid">
 									<view v-for="(house, houseIndex) in floor.houses" :key="houseIndex"
 										class="house-card" @click="showHouseDetailFunc(house)">
-										<view class="house-card-inner">
-											<view class="house-icon li-flex-center">
-												<text class="ri-building-2-line li-text-60 li-text-#3e9bff"></text>
-												<!-- 欠费标记 -->
-												<view v-if="house.unpaid > 0" class="unpaid-badge">{{house.unpaid}}
-												</view>
-											</view>
-											<view class="house-info li-mt-15">
-												<text
-													class="li-text-30 li-font-bold li-text-#333 li-text-center">{{house.number}}</text>
-												<view class="li-flex li-items-center li-justify-center li-mt-5">
-													<text class="li-text-24"
-														:class="house.unpaid > 0 ? 'li-text-#ff4d4f' : 'li-text-#52c41a'">
-														{{house.unpaid > 0 ? house.unpaid + '笔欠费' : '无欠费'}}
-													</text>
+										<view class="house-card-inner" :class="{'house-has-unpaid': house.unpaid > 0}">
+											<view class="house-number-box">
+												<text class="house-number">{{house.number}}</text>
+											</view>
+											<view class="house-content">
+												<view v-if="house.unpaid > 0" class="house-unpaid">
+													<text class="unpaid-count">{{house.unpaid}}</text>
+													<text class="unpaid-text">笔欠费</text>
+												</view>
+												<view v-else class="house-paid">
+													<text class="paid-text">无欠费</text>
 												</view>
 											</view>
+											<view v-if="house.unpaid > 0" class="house-badge">{{house.unpaid}}</view>
 										</view>
 									</view>
 								</view>
@@ -147,14 +134,15 @@
 								<text class="ri-file-list-3-line li-text-100 li-text-#ccc"></text>
 								<text class="li-text-30 li-text-#999 li-mt-20">该单元暂无数据</text>
 							</view>
+							
+							<!-- 添加底部安全间距 -->
+							<view class="bottom-safe-area"></view>
 						</view>
 					</view>
 				</view>
 			</view>
 		</view>
 
-
-
 		<!-- 房屋详情弹窗 -->
 		<wd-popup v-model="showHouseDetail" position="bottom">
 			<view class="house-detail" :style="{ height: '60vh' }">
@@ -205,6 +193,8 @@
 				</scroll-view>
 			</view>
 		</wd-popup>
+		<community-selector :communities="formattedCommunityList" v-model="selectedCommunity"
+			v-model:visible="showCommunityPicker" @confirm="handleCommunityConfirm" />
 	</view>
 </template>
 
@@ -225,6 +215,7 @@
 	import {
 		useToast
 	} from '@/uni_modules/wot-design-uni';
+	import CommunitySelector from '@/components/community-selector/community-selector.vue';
 
 	const Toast = useToast();
 
@@ -235,26 +226,25 @@
 		checkRouteStack
 	} = useNavigation();
 
-	const selectedVillage = ref('1')
+	const selectedVillage = ref('1');
 	const communityList = ref([
 		[{
-				value: '1',
-				label: '阳光花园小区'
-			},
-			{
-				value: '2',
-				label: '翠湖庭院'
-			},
-			{
-				value: '3',
-				label: '金色家园'
-			}
+			value: '1',
+			label: '阳光花园小区'
+		},
+		{
+			value: '2',
+			label: '翠湖庭院'
+		},
+		{
+			value: '3',
+			label: '金色家园'
+		}
 		]
 	]);
 
 	// 当前选中的小区
 	const selectedCommunity = ref('1');
-	const showCommunityPicker = ref(false);
 
 	// 获取当前选中的小区数据
 	const activeCommunity = computed(() => {
@@ -293,76 +283,76 @@
 
 	// 楼栋列表
 	const buildingList = ref([{
-			id: '1',
-			name: '1号楼'
-		},
-		{
-			id: '2',
-			name: '2号楼'
-		},
-		{
-			id: '3',
-			name: '3号楼'
-		},
-		{
-			id: '5',
-			name: '5号楼'
-		},
-		{
-			id: '6',
-			name: '6号楼'
-		},
-		{
-			id: '7',
-			name: '7号楼'
-		},
-		{
-			id: '8',
-			name: '8号楼'
-		},
-		{
-			id: '9',
-			name: '9号楼'
-		},
-		{
-			id: '10',
-			name: '10号楼'
-		},
-		{
-			id: '11',
-			name: '11号楼'
-		},
-		{
-			id: '12',
-			name: '12号楼'
-		}
+		id: '1',
+		name: '1号楼'
+	},
+	{
+		id: '2',
+		name: '2号楼'
+	},
+	{
+		id: '3',
+		name: '3号楼'
+	},
+	{
+		id: '5',
+		name: '5号楼'
+	},
+	{
+		id: '6',
+		name: '6号楼'
+	},
+	{
+		id: '7',
+		name: '7号楼'
+	},
+	{
+		id: '8',
+		name: '8号楼'
+	},
+	{
+		id: '9',
+		name: '9号楼'
+	},
+	{
+		id: '10',
+		name: '10号楼'
+	},
+	{
+		id: '11',
+		name: '11号楼'
+	},
+	{
+		id: '12',
+		name: '12号楼'
+	}
 	]);
 
 	// 单元列表
 	const unitList = ref([{
-			value: 1,
-			label: '1单元'
-		},
-		{
-			value: 2,
-			label: '2单元'
-		},
-		{
-			value: 3,
-			label: '3单元'
-		},
-		{
-			value: 4,
-			label: '4单元'
-		},
-		{
-			value: 5,
-			label: '5单元'
-		},
-		{
-			value: 6,
-			label: '6单元'
-		}
+		value: 1,
+		label: '1单元'
+	},
+	{
+		value: 2,
+		label: '2单元'
+	},
+	{
+		value: 3,
+		label: '3单元'
+	},
+	{
+		value: 4,
+		label: '4单元'
+	},
+	{
+		value: 5,
+		label: '5单元'
+	},
+	{
+		value: 6,
+		label: '6单元'
+	}
 	]);
 
 	// 当前选中的楼栋
@@ -381,253 +371,253 @@
 	const houseData = reactive({
 		// 1号楼 1单元数据
 		'1-1': [{
-				floor: '1',
-				houses: [{
-						id: '1-1-101',
-						number: '1-1001',
-						unpaid: 0,
-						owner: '张先生',
-						phone: '13812345678',
-						bills: []
-					},
-					{
-						id: '1-1-102',
-						number: '1-1002',
-						unpaid: 3,
-						owner: '刘女士',
-						phone: '13812345679',
-						bills: [{
-								type: '物业费',
-								amount: '568.00',
-								period: '2023-07-01 至 2023-12-31',
-								overdueTime: '2024-01-15'
-							},
-							{
-								type: '水费',
-								amount: '124.50',
-								period: '2023-12-01 至 2023-12-31',
-								overdueTime: '2024-01-15'
-							}
-						]
-					},
-					{
-						id: '1-1-103',
-						number: '1-1003',
-						unpaid: 2,
-						owner: '陈先生',
-						phone: '13812345680',
-						bills: [{
-							type: '电费',
-							amount: '356.80',
-							period: '2023-12-01 至 2023-12-31',
-							overdueTime: '2024-01-15'
-						}]
-					},
-					{
-						id: '1-1-104',
-						number: '1-1004',
-						unpaid: 0,
-						owner: '林女士',
-						phone: '13812345681',
-						bills: []
-					},
-					{
-						id: '1-1-105',
-						number: '1-1005',
-						unpaid: 4,
-						owner: '黄先生',
-						phone: '13812345682',
-						bills: [{
-								type: '物业费',
-								amount: '568.00',
-								period: '2023-07-01 至 2023-12-31',
-								overdueTime: '2024-01-15'
-							},
-							{
-								type: '水费',
-								amount: '124.50',
-								period: '2023-12-01 至 2023-12-31',
-								overdueTime: '2024-01-15'
-							},
-							{
-								type: '电费',
-								amount: '356.80',
-								period: '2023-12-01 至 2023-12-31',
-								overdueTime: '2024-01-15'
-							}
-						]
-					},
-					{
-						id: '1-1-106',
-						number: '1-1006',
-						unpaid: 1,
-						owner: '张先生',
-						phone: '13812345683',
-						bills: [{
-							type: '物业费',
-							amount: '568.00',
-							period: '2023-07-01 至 2023-12-31',
-							overdueTime: '2024-01-15'
-						}]
-					}
+			floor: '1',
+			houses: [{
+				id: '1-1-101',
+				number: '1-1001',
+				unpaid: 0,
+				owner: '张先生',
+				phone: '13812345678',
+				bills: []
+			},
+			{
+				id: '1-1-102',
+				number: '1-1002',
+				unpaid: 3,
+				owner: '刘女士',
+				phone: '13812345679',
+				bills: [{
+					type: '物业费',
+					amount: '568.00',
+					period: '2023-07-01 至 2023-12-31',
+					overdueTime: '2024-01-15'
+				},
+				{
+					type: '水费',
+					amount: '124.50',
+					period: '2023-12-01 至 2023-12-31',
+					overdueTime: '2024-01-15'
+				}
 				]
 			},
 			{
-				floor: '2',
-				houses: [{
-					id: '1-1-201',
-					number: '2-1002',
-					unpaid: 0,
-					owner: '李女士',
-					phone: '13812345679',
-					bills: []
+				id: '1-1-103',
+				number: '1-1003',
+				unpaid: 2,
+				owner: '陈先生',
+				phone: '13812345680',
+				bills: [{
+					type: '电费',
+					amount: '356.80',
+					period: '2023-12-01 至 2023-12-31',
+					overdueTime: '2024-01-15'
 				}]
 			},
 			{
-				floor: '3',
-				houses: [{
-					id: '1-1-301',
-					number: '3-1003',
-					unpaid: 0,
-					owner: '王先生',
-					phone: '13812345680',
-					bills: []
-				}]
+				id: '1-1-104',
+				number: '1-1004',
+				unpaid: 0,
+				owner: '林女士',
+				phone: '13812345681',
+				bills: []
 			},
 			{
-				floor: '4',
-				houses: [{
-					id: '1-1-401',
-					number: '4-1004',
-					unpaid: 6,
-					owner: '赵女士',
-					phone: '13812345681',
-					bills: [{
-							type: '物业费',
-							amount: '568.00',
-							period: '2023-07-01 至 2023-12-31',
-							overdueTime: '2024-01-15'
-						},
-						{
-							type: '水费',
-							amount: '124.50',
-							period: '2023-12-01 至 2023-12-31',
-							overdueTime: '2024-01-15'
-						},
-						{
-							type: '电费',
-							amount: '356.80',
-							period: '2023-12-01 至 2023-12-31',
-							overdueTime: '2024-01-15'
-						},
-						{
-							type: '停车费',
-							amount: '300.00',
-							period: '2023-11-01 至 2023-12-31',
-							overdueTime: '2024-01-15'
-						},
-						{
-							type: '垃圾处理费',
-							amount: '45.00',
-							period: '2023-10-01 至 2023-12-31',
-							overdueTime: '2024-01-15'
-						},
-						{
-							type: '维修基金',
-							amount: '120.00',
-							period: '2023-07-01 至 2023-12-31',
-							overdueTime: '2024-01-15'
-						}
-					]
-				}]
+				id: '1-1-105',
+				number: '1-1005',
+				unpaid: 4,
+				owner: '黄先生',
+				phone: '13812345682',
+				bills: [{
+					type: '物业费',
+					amount: '568.00',
+					period: '2023-07-01 至 2023-12-31',
+					overdueTime: '2024-01-15'
+				},
+				{
+					type: '水费',
+					amount: '124.50',
+					period: '2023-12-01 至 2023-12-31',
+					overdueTime: '2024-01-15'
+				},
+				{
+					type: '电费',
+					amount: '356.80',
+					period: '2023-12-01 至 2023-12-31',
+					overdueTime: '2024-01-15'
+				}
+				]
 			},
 			{
-				floor: '5',
-				houses: [{
-					id: '1-1-501',
-					number: '5-1005',
-					unpaid: 0,
-					owner: '钱先生',
-					phone: '13812345682',
-					bills: []
-				}]
-			},
-			{
-				floor: '6',
-				houses: [{
-					id: '1-1-601',
-					number: '6-1006',
-					unpaid: 6,
-					owner: '孙女士',
-					phone: '13812345683',
-					bills: [{
-							type: '物业费',
-							amount: '568.00',
-							period: '2023-07-01 至 2023-12-31',
-							overdueTime: '2024-01-15'
-						},
-						{
-							type: '水费',
-							amount: '124.50',
-							period: '2023-12-01 至 2023-12-31',
-							overdueTime: '2024-01-15'
-						},
-						{
-							type: '电费',
-							amount: '356.80',
-							period: '2023-12-01 至 2023-12-31',
-							overdueTime: '2024-01-15'
-						},
-						{
-							type: '停车费',
-							amount: '300.00',
-							period: '2023-11-01 至 2023-12-31',
-							overdueTime: '2024-01-15'
-						},
-						{
-							type: '垃圾处理费',
-							amount: '45.00',
-							period: '2023-10-01 至 2023-12-31',
-							overdueTime: '2024-01-15'
-						},
-						{
-							type: '维修基金',
-							amount: '120.00',
-							period: '2023-07-01 至 2023-12-31',
-							overdueTime: '2024-01-15'
-						}
-					]
+				id: '1-1-106',
+				number: '1-1006',
+				unpaid: 1,
+				owner: '张先生',
+				phone: '13812345683',
+				bills: [{
+					type: '物业费',
+					amount: '568.00',
+					period: '2023-07-01 至 2023-12-31',
+					overdueTime: '2024-01-15'
 				}]
 			}
+			]
+		},
+		{
+			floor: '2',
+			houses: [{
+				id: '1-1-201',
+				number: '2-1002',
+				unpaid: 0,
+				owner: '李女士',
+				phone: '13812345679',
+				bills: []
+			}]
+		},
+		{
+			floor: '3',
+			houses: [{
+				id: '1-1-301',
+				number: '3-1003',
+				unpaid: 0,
+				owner: '王先生',
+				phone: '13812345680',
+				bills: []
+			}]
+		},
+		{
+			floor: '4',
+			houses: [{
+				id: '1-1-401',
+				number: '4-1004',
+				unpaid: 6,
+				owner: '赵女士',
+				phone: '13812345681',
+				bills: [{
+					type: '物业费',
+					amount: '568.00',
+					period: '2023-07-01 至 2023-12-31',
+					overdueTime: '2024-01-15'
+				},
+				{
+					type: '水费',
+					amount: '124.50',
+					period: '2023-12-01 至 2023-12-31',
+					overdueTime: '2024-01-15'
+				},
+				{
+					type: '电费',
+					amount: '356.80',
+					period: '2023-12-01 至 2023-12-31',
+					overdueTime: '2024-01-15'
+				},
+				{
+					type: '停车费',
+					amount: '300.00',
+					period: '2023-11-01 至 2023-12-31',
+					overdueTime: '2024-01-15'
+				},
+				{
+					type: '垃圾处理费',
+					amount: '45.00',
+					period: '2023-10-01 至 2023-12-31',
+					overdueTime: '2024-01-15'
+				},
+				{
+					type: '维修基金',
+					amount: '120.00',
+					period: '2023-07-01 至 2023-12-31',
+					overdueTime: '2024-01-15'
+				}
+				]
+			}]
+		},
+		{
+			floor: '5',
+			houses: [{
+				id: '1-1-501',
+				number: '5-1005',
+				unpaid: 0,
+				owner: '钱先生',
+				phone: '13812345682',
+				bills: []
+			}]
+		},
+		{
+			floor: '6',
+			houses: [{
+				id: '1-1-601',
+				number: '6-1006',
+				unpaid: 6,
+				owner: '孙女士',
+				phone: '13812345683',
+				bills: [{
+					type: '物业费',
+					amount: '568.00',
+					period: '2023-07-01 至 2023-12-31',
+					overdueTime: '2024-01-15'
+				},
+				{
+					type: '水费',
+					amount: '124.50',
+					period: '2023-12-01 至 2023-12-31',
+					overdueTime: '2024-01-15'
+				},
+				{
+					type: '电费',
+					amount: '356.80',
+					period: '2023-12-01 至 2023-12-31',
+					overdueTime: '2024-01-15'
+				},
+				{
+					type: '停车费',
+					amount: '300.00',
+					period: '2023-11-01 至 2023-12-31',
+					overdueTime: '2024-01-15'
+				},
+				{
+					type: '垃圾处理费',
+					amount: '45.00',
+					period: '2023-10-01 至 2023-12-31',
+					overdueTime: '2024-01-15'
+				},
+				{
+					type: '维修基金',
+					amount: '120.00',
+					period: '2023-07-01 至 2023-12-31',
+					overdueTime: '2024-01-15'
+				}
+				]
+			}]
+		}
 		],
 		// 1号楼 2单元数据
 		'1-2': [{
-				floor: '1',
-				houses: [{
-					id: '1-2-101',
-					number: '1-2001',
-					unpaid: 3,
-					owner: '周先生',
-					phone: '13812345684',
-					bills: [{
-						type: '物业费',
-						amount: '568.00',
-						period: '2023-07-01 至 2023-12-31',
-						overdueTime: '2024-01-15'
-					}]
+			floor: '1',
+			houses: [{
+				id: '1-2-101',
+				number: '1-2001',
+				unpaid: 3,
+				owner: '周先生',
+				phone: '13812345684',
+				bills: [{
+					type: '物业费',
+					amount: '568.00',
+					period: '2023-07-01 至 2023-12-31',
+					overdueTime: '2024-01-15'
 				}]
-			},
-			{
-				floor: '2',
-				houses: [{
-					id: '1-2-201',
-					number: '2-2002',
-					unpaid: 0,
-					owner: '吴女士',
-					phone: '13812345685',
-					bills: []
-				}]
-			}
+			}]
+		},
+		{
+			floor: '2',
+			houses: [{
+				id: '1-2-201',
+				number: '2-2002',
+				unpaid: 0,
+				owner: '吴女士',
+				phone: '13812345685',
+				bills: []
+			}]
+		}
 		],
 		// 添加5单元和6单元的空数据
 		'1-4': [],
@@ -700,7 +690,7 @@
 	// 小区选择确认
 	const handleCommunityConfirm = (selected) => {
 		console.log(selected, 'selected');
-		selectedCommunity.value = selected[0].id;
+		selectedCommunity.value = selected.value;
 	};
 
 	// 刷新数据
@@ -746,6 +736,19 @@
 
 		return count > 0 ? count : '';
 	};
+
+	// 获取小区列表，扁平化处理
+	const formattedCommunityList = computed(() => {
+		// 原始数据是二维数组，需要提取第一层
+		const flatList = communityList.value[0] || [];
+		return flatList.map(item => ({
+			value: item.value,
+			label: item.label
+		}));
+	});
+
+	// 新增的showCommunityPicker
+	const showCommunityPicker = ref(false);
 </script>
 
 <style lang="scss">
@@ -770,15 +773,83 @@
 	}
 
 	.content {
-		padding-bottom: constant(safe-area-inset-bottom);
-		padding-bottom: env(safe-area-inset-bottom);
+		padding-bottom: 0;
 	}
 
 	.community-switch {
 		height: 60rpx;
-		padding: 0rpx 25rpx;
+		padding: 0 25rpx;
 		border-radius: 30rpx;
 		background-color: rgba(62, 155, 255, 0.1);
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		box-shadow: 0 2rpx 8rpx rgba(62, 155, 255, 0.15);
+		transition: all 0.2s;
+		
+		&:active {
+			opacity: 0.8;
+			transform: scale(0.98);
+		}
+	}
+	
+	.community-switcher {
+		display: flex;
+		align-items: center;
+		background-color: rgba(246, 248, 250, 0.8);
+		height: 60rpx;
+		border-radius: 30rpx;
+		padding: 0 20rpx 0 24rpx;
+		box-shadow: 0 2rpx 6rpx rgba(0, 0, 0, 0.05);
+		border: 1px solid rgba(232, 234, 237, 0.8);
+		
+		.community-name {
+			font-size: 26rpx;
+			color: #333;
+			font-weight: 500;
+			max-width: 140rpx;
+			white-space: nowrap;
+			overflow: hidden;
+			text-overflow: ellipsis;
+		}
+		
+		.arrow-icon {
+			font-size: 28rpx;
+			color: #666;
+			margin-left: 6rpx;
+		}
+		
+		&:active {
+			background-color: rgba(242, 244, 246, 0.8);
+			transform: scale(0.98);
+		}
+	}
+
+	.selector-trigger {
+		display: flex;
+		align-items: center;
+		height: 60rpx;
+		padding: 0 20rpx;
+		background-color: rgba(255, 255, 255, 0.9);
+		border-radius: 30rpx;
+		box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.08);
+		
+		.location-icon {
+			font-size: 28rpx;
+			color: #3e9bff;
+			margin-right: 6rpx;
+		}
+		
+		.trigger-text {
+			font-size: 28rpx;
+			color: #3e9bff;
+			font-weight: 400;
+		}
+		
+		&:active {
+			opacity: 0.85;
+			transform: scale(0.98);
+		}
 	}
 
 	.community-card {
@@ -826,11 +897,24 @@
 		border-radius: 16rpx;
 		overflow: hidden;
 		box-shadow: 0 4rpx 16rpx rgba(0, 0, 0, 0.05);
+		margin-bottom: 30rpx;
 	}
 
 	.building-sidebar-layout {
 		display: flex;
-		height: calc(100vh - 400rpx);
+		/* 移动端通用适配 */
+		height: calc(100vh - 400rpx - constant(safe-area-inset-bottom));
+		height: calc(100vh - 400rpx - env(safe-area-inset-bottom));
+		/* APP端特殊适配 */
+		/* #ifdef APP-PLUS */
+		height: calc(100vh - 400rpx - 50rpx);
+		margin-bottom: 50rpx;
+		/* #endif */
+		/* 非APP端 */
+		/* #ifndef APP-PLUS */
+		margin-bottom: calc(constant(safe-area-inset-bottom));
+		margin-bottom: calc(env(safe-area-inset-bottom));
+		/* #endif */
 	}
 
 	.sidebar-container {
@@ -838,12 +922,22 @@
 		flex-shrink: 0;
 		height: 100%;
 		background-color: #f8f8f8;
+		overflow-y: auto;
+		/* APP端特殊适配 */
+		/* #ifdef APP-PLUS */
+		-webkit-overflow-scrolling: touch;
+		/* #endif */
 	}
 
 	.content-container {
 		flex: 1;
 		height: 100%;
 		overflow-y: auto;
+		padding-bottom: 40rpx;
+		/* APP端特殊适配 */
+		/* #ifdef APP-PLUS */
+		-webkit-overflow-scrolling: touch;
+		/* #endif */
 	}
 
 	.building-sidebar {
@@ -867,147 +961,233 @@
 		padding: 30rpx;
 	}
 
-	.unit-buttons {
+	.unit-grid {
+		display: flex;
 		flex-wrap: wrap;
 	}
 
-	.unit-button {
+	.unit-item {
 		position: relative;
-		width: 140rpx;
-		height: 80rpx;
+		width: 120rpx;
+		height: 65rpx;
 		background-color: #f7f8fa;
-		border-radius: 12rpx;
-		transition: all 0.2s;
-
+		border-radius: 10rpx;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		margin: 0 10rpx 10rpx 0;
+		
 		&-active {
 			background: rgba(62, 155, 255, 0.1);
 			border: 1px solid rgba(62, 155, 255, 0.3);
 		}
-
+		
 		.unit-text {
-			font-size: 28rpx;
+			font-size: 24rpx;
 			color: #666;
 			font-weight: 500;
-
+			
 			&-active {
 				color: #3e9bff;
 				font-weight: bold;
 			}
 		}
-
+		
 		.unit-badge {
 			position: absolute;
-			top: -10rpx;
-			right: -10rpx;
-			min-width: 36rpx;
-			height: 36rpx;
-			border-radius: 18rpx;
+			top: -8rpx;
+			right: -8rpx;
+			min-width: 32rpx;
+			height: 32rpx;
+			border-radius: 16rpx;
 			background-color: #ff4d4f;
 			color: #fff;
 			font-size: 20rpx;
 			display: flex;
 			align-items: center;
 			justify-content: center;
-			padding: 0 8rpx;
+			padding: 0 6rpx;
 			box-shadow: 0 2rpx 6rpx rgba(255, 77, 79, 0.3);
 		}
-
+		
 		&:active {
 			opacity: 0.8;
 			transform: scale(0.98);
 		}
 	}
 
+	.house-list {
+		padding: 0 30rpx 50rpx;
+	}
+
 	.floor-item {
 		background-color: #fff;
 		border-radius: 16rpx;
 		overflow: hidden;
-		box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.05);
-		margin-bottom: 30rpx;
+		/* box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.04); */
+		margin-bottom: 25rpx;
+	}
 
-		.floor-header {
-			background-color: #f5f7fa;
-			border-bottom: 1px solid rgba(0, 0, 0, 0.05);
+	.floor-header {
+		display: flex;
+		align-items: center;
+		padding: 20rpx 30rpx;
+		background: linear-gradient(to right, #f5f7fa, #f9fafc);
+		border-bottom: 1px solid rgba(0, 0, 0, 0.04);
+	}
+
+	.floor-title {
+		font-size: 32rpx;
+		font-weight: 600;
+		color: #333;
+		position: relative;
+		padding-left: 16rpx;
+		
+		&::before {
+			content: '';
+			position: absolute;
+			left: 0;
+			top: 50%;
+			transform: translateY(-50%);
+			width: 6rpx;
+			height: 28rpx;
+			background: #3e9bff;
+			border-radius: 3rpx;
 		}
 	}
 
 	.house-grid {
 		display: flex;
 		flex-wrap: wrap;
-		padding: 20rpx;
+		padding: 20rpx 10rpx;
+		background-color: #fff;
 	}
 
 	.house-card {
 		width: 33.33%;
 		padding: 10rpx;
 		box-sizing: border-box;
+	}
 
-		@media screen and (max-width: 768rpx) {
-			width: 33.33%;
+	.house-card-inner {
+		position: relative;
+		background-color: #fff;
+		border-radius: 12rpx;
+		padding: 0;
+		display: flex;
+		flex-direction: column;
+		border: 1px solid #fdf9f9;
+		transition: all 0.25s;
+		overflow: hidden;
+		box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.03);
+		
+		&:active {
+			transform: translateY(2rpx);
+			box-shadow: 0 1rpx 3rpx rgba(0, 0, 0, 0.01);
 		}
+	}
 
-		@media screen and (max-width: 580rpx) {
-			width: 50%;
+	.house-number-box {
+		background-color: #f7f9fc;
+		padding: 14rpx 10rpx;
+		text-align: center;
+		border-bottom: 1px solid #eaedf1;
+	}
+
+	.house-number {
+		font-size: 28rpx;
+		font-weight: 600;
+		color: #333;
+	}
+
+	.house-content {
+		padding: 14rpx 0;
+		display: flex;
+		justify-content: center;
+		align-items: center;
+		min-height: 60rpx;
+	}
+
+	.house-unpaid {
+		display: flex;
+		align-items: center;
+		
+		.unpaid-count {
+			font-size: 30rpx;
+			font-weight: 600;
+			color: #ff4d4f;
+			margin-right: 4rpx;
 		}
-
-		&-inner {
-			background-color: #fff;
-			border-radius: 12rpx;
-			padding: 15rpx;
-			display: flex;
-			flex-direction: column;
-			align-items: center;
-			border: 1px solid rgba(0, 0, 0, 0.03);
-			transition: all 0.2s;
-			height: 180rpx;
-			justify-content: center;
-
-			&:active {
-				background-color: #f9f9f9;
-				transform: scale(0.98);
-			}
+		
+		.unpaid-text {
+			font-size: 24rpx;
+			color: #ff4d4f;
 		}
+	}
 
-		.house-icon {
-			position: relative;
-			width: 80rpx;
-			height: 80rpx;
-			background-color: #eef6ff;
-			border-radius: 40rpx;
-			margin-bottom: 10rpx;
+	.house-paid {
+		.paid-text {
+			font-size: 24rpx;
+			color: #52c41a;
+			font-weight: 500;
 		}
+	}
 
-		.unpaid-badge {
-			position: absolute;
-			top: -10rpx;
-			right: -10rpx;
-			min-width: 40rpx;
-			height: 40rpx;
-			border-radius: 20rpx;
-			background-color: #ff4d4f;
-			color: #fff;
-			font-size: 22rpx;
-			display: flex;
-			align-items: center;
-			justify-content: center;
-			padding: 0 10rpx;
-			box-shadow: 0 2rpx 8rpx rgba(255, 77, 79, 0.3);
-		}
+	.house-badge {
+		position: absolute;
+		top: 0;
+		right: 0;
+		background-color: #ff4d4f;
+		color: #fff;
+		font-size: 20rpx;
+		min-width: 36rpx;
+		height: 36rpx;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		border-radius: 0 12rpx 0 12rpx;
+		font-weight: bold;
+		z-index: 2;
+		box-shadow: 0 2rpx 4rpx rgba(0, 0, 0, 0.1);
+	}
 
-		.house-info {
-			width: 100%;
-			display: flex;
-			flex-direction: column;
-			align-items: center;
+	.house-has-unpaid {
+		/* border-color: rgba(255, 77, 79, 0.2); */
+		background-color: #fff;
+	}
 
-			.li-text-30 {
-				font-size: 28rpx;
-				white-space: nowrap;
-				overflow: hidden;
-				text-overflow: ellipsis;
-				max-width: 100%;
-			}
-		}
+	.empty-state {
+		padding: 100rpx 0;
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+		justify-content: center;
+	}
+
+	.bottom-safe-area {
+		height: 0;
+		width: 100%;
+		
+		/* #ifdef MP-WEIXIN */
+		height: constant(safe-area-inset-bottom);
+		height: env(safe-area-inset-bottom);
+		/* #endif */
+		
+		/* #ifdef APP-PLUS */
+		height: 100rpx;
+		/* #endif */
+		
+		/* #ifdef H5 */
+		height: 80rpx;
+		/* #endif */
+	}
+
+	.empty-bills {
+		padding: 60rpx 0;
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+		justify-content: center;
 	}
 
 	.house-detail {
@@ -1045,13 +1225,10 @@
 		}
 	}
 
-	.empty-state {
-		min-height: 300rpx;
-	}
-
 	::v-deep .wd-navbar__placeholder {
 		height: calc(var(--status-bar-height) + 88rpx) !important;
 		padding-top: constant(safe-area-inset-top) !important;
 		padding-top: env(safe-area-inset-top) !important;
 	}
+
 </style>
\ No newline at end of file
diff --git a/pagesB/complaint/index.vue b/pagesB/complaint/index.vue
index 1b385ca..9a4b44e 100644
--- a/pagesB/complaint/index.vue
+++ b/pagesB/complaint/index.vue
@@ -153,53 +153,53 @@
 
 	// 模拟数据 - 实际项目中应该是通过API获取
 	const complaintList = ref([
-		{
-			complaint_id: 1,
-			complaint_no: 'TS20240607001',
-			content: '楼道灯已经坏了三天，晚上上下楼很不方便，希望物业尽快解决！',
-			village_name: '阳光花园小区',
-			user_name: '张三',
-			user_mobile: '13800138000',
-			create_time: '2024-06-07 10:23',
-			status: 0,
-			urgency: 2,
-			tags: ['公共设施', '照明'],
-			images: [
-				'https://img.yzcdn.cn/vant/cat.jpeg',
-				'https://img.yzcdn.cn/vant/tree.jpeg'
-			]
-		},
-		{
-			complaint_id: 2,
-			complaint_no: 'TS20240606001',
-			content: '小区北门停车场有人乱停车，导致通道被堵，请物业及时处理。',
-			village_name: '阳光花园小区',
-			user_name: '李四',
-			user_mobile: '13900139000',
-			create_time: '2024-06-06 16:45',
-			status: 1,
-			urgency: 1,
-			tags: ['停车管理', '安全隐患'],
-			images: [
-				'https://img.yzcdn.cn/vant/cat.jpeg',
-				'https://img.yzcdn.cn/vant/cat.jpeg',
-				'https://img.yzcdn.cn/vant/cat.jpeg',
-				'https://img.yzcdn.cn/vant/tree.jpeg'
-			]
-		},
-		{
-			complaint_id: 3,
-			complaint_no: 'TS20240605001',
-			content: '小区垃圾分类做得不到位，希望加强宣传和管理。',
-			village_name: '阳光花园小区',
-			user_name: '王五',
-			user_mobile: '13700137000',
-			create_time: '2024-06-05 09:12',
-			status: 2,
-			urgency: 1,
-			tags: ['环境卫生', '垃圾分类'],
-			images: []
-		}
+		// {
+		// 	complaint_id: 1,
+		// 	complaint_no: 'TS20240607001',
+		// 	content: '楼道灯已经坏了三天，晚上上下楼很不方便，希望物业尽快解决！',
+		// 	village_name: '阳光花园小区',
+		// 	user_name: '张三',
+		// 	user_mobile: '13800138000',
+		// 	create_time: '2024-06-07 10:23',
+		// 	status: 0,
+		// 	urgency: 2,
+		// 	tags: ['公共设施', '照明'],
+		// 	images: [
+		// 		'https://img.yzcdn.cn/vant/cat.jpeg',
+		// 		'https://img.yzcdn.cn/vant/tree.jpeg'
+		// 	]
+		// },
+		// {
+		// 	complaint_id: 2,
+		// 	complaint_no: 'TS20240606001',
+		// 	content: '小区北门停车场有人乱停车，导致通道被堵，请物业及时处理。',
+		// 	village_name: '阳光花园小区',
+		// 	user_name: '李四',
+		// 	user_mobile: '13900139000',
+		// 	create_time: '2024-06-06 16:45',
+		// 	status: 1,
+		// 	urgency: 1,
+		// 	tags: ['停车管理', '安全隐患'],
+		// 	images: [
+		// 		'https://img.yzcdn.cn/vant/cat.jpeg',
+		// 		'https://img.yzcdn.cn/vant/cat.jpeg',
+		// 		'https://img.yzcdn.cn/vant/cat.jpeg',
+		// 		'https://img.yzcdn.cn/vant/tree.jpeg'
+		// 	]
+		// },
+		// {
+		// 	complaint_id: 3,
+		// 	complaint_no: 'TS20240605001',
+		// 	content: '小区垃圾分类做得不到位，希望加强宣传和管理。',
+		// 	village_name: '阳光花园小区',
+		// 	user_name: '王五',
+		// 	user_mobile: '13700137000',
+		// 	create_time: '2024-06-05 09:12',
+		// 	status: 2,
+		// 	urgency: 1,
+		// 	tags: ['环境卫生', '垃圾分类'],
+		// 	images: []
+		// }
 	]);
 
 	// 状态颜色配置
@@ -260,7 +260,7 @@
 		if (loading.value || finished.value) return;
 
 		try {
-			loading.value = true;
+			// loading.value = true;
 
 			// 这里应该调用实际的API接口获取数据
 			// const params = {
@@ -276,7 +276,7 @@
 
 			// 模拟数据加载完成的情况
 			if (page.value > 1) {
-				finished.value = true;
+				// finished.value = true;
 			} else {
 				page.value++;
 			}
diff --git a/pagesB/questionnaire/list.vue b/pagesB/questionnaire/list.vue
index 06d821a..a0e4f2a 100644
--- a/pagesB/questionnaire/list.vue
+++ b/pagesB/questionnaire/list.vue
@@ -36,8 +36,7 @@
 		<view class="page-bg"></view>
 
 		<!-- 筛选区域 -->
-		<view class="filter-section li-w-92% li-mx-auto li-mt-30">
-			<!-- 问卷状态筛选 -->
+		<!-- <view class="filter-section li-w-92% li-mx-auto li-mt-30">
 			<view class="li-flex li-items-center li-flex-wrap">
 				<text v-for="(item, index) in statusList" :key="index"
 					:class="activeStatus === item.value ? 'status-tag active' : 'status-tag'"
@@ -45,13 +44,13 @@
 					{{item.label}}
 				</text>
 			</view>
-		</view>
+		</view> -->
 
 		<!-- 小区选择器 -->
-		<view class="li-px-15">
+	<!-- 	<view class="li-px-15">
 			<wd-picker size="large" v-model="showVillagePicker" :columns="pickerVillageList" title="选择小区"
 				v-model:value="selectedVillage" @confirm="handleVillageConfirm" label-key="label" value-key="value" />
-		</view>
+		</view> -->
 
 		<!-- 问卷列表 -->
 		<view class="li-w-92% li-mx-auto li-mt-30 li-pb-30">
@@ -113,10 +112,8 @@
 			</view>
 
 			<!-- 空状态 -->
-			<view v-else class="empty-state li-mt-100">
-				<image src="https://img.yzcdn.cn/vant/empty-image-default.png" mode="aspectFit" class="empty-image">
-				</image>
-				<text class="li-text-28 li-text-#999 li-mt-20">暂无问卷记录</text>
+			<view v-else class="li-mt-200">
+				<wd-status-tip image="search" tip="暂无问卷记录" />
 			</view>
 
 			<!-- 加载状态 -->
@@ -256,61 +253,61 @@
 
 	// 模拟问卷列表数据
 	const questionnaireList = ref([
-		{
-			id: 1,
-			title: '2024年度物业服务满意度调查',
-			village_name: '阳光花园小区',
-			type: '满意度调查',
-			user_name: '张三',
-			is_anonymous: false,
-			submit_time: '2024-06-15 14:23',
-			question_count: 15,
-			status: 1  // 已查看
-		},
-		{
-			id: 2,
-			title: '小区环境改造意见征集',
-			village_name: '翠湖庭院',
-			type: '意见征集',
-			user_name: '李四',
-			is_anonymous: true,
-			submit_time: '2024-06-12 09:45',
-			question_count: 8,
-			status: 0  // 未查看
-		},
-		{
-			id: 3,
-			title: '业主委员会换届选举投票',
-			village_name: '金色家园',
-			type: '投票选举',
-			user_name: '王五',
-			is_anonymous: false,
-			submit_time: '2024-06-10 18:30',
-			question_count: 12,
-			status: 1  // 已查看
-		},
-		{
-			id: 4,
-			title: '小区健身设施需求调研',
-			village_name: '阳光花园小区',
-			type: '需求调研',
-			user_name: '赵六',
-			is_anonymous: false,
-			submit_time: '2024-06-08 11:20',
-			question_count: 10,
-			status: 1  // 已查看
-		},
-		{
-			id: 5,
-			title: '端午节活动满意度调查',
-			village_name: '翠湖庭院',
-			type: '满意度调查',
-			user_name: '匿名用户',
-			is_anonymous: true,
-			submit_time: '2024-06-05 16:40',
-			question_count: 6,
-			status: 0  // 未查看
-		}
+		// {
+		// 	id: 1,
+		// 	title: '2024年度物业服务满意度调查',
+		// 	village_name: '阳光花园小区',
+		// 	type: '满意度调查',
+		// 	user_name: '张三',
+		// 	is_anonymous: false,
+		// 	submit_time: '2024-06-15 14:23',
+		// 	question_count: 15,
+		// 	status: 1  // 已查看
+		// },
+		// {
+		// 	id: 2,
+		// 	title: '小区环境改造意见征集',
+		// 	village_name: '翠湖庭院',
+		// 	type: '意见征集',
+		// 	user_name: '李四',
+		// 	is_anonymous: true,
+		// 	submit_time: '2024-06-12 09:45',
+		// 	question_count: 8,
+		// 	status: 0  // 未查看
+		// },
+		// {
+		// 	id: 3,
+		// 	title: '业主委员会换届选举投票',
+		// 	village_name: '金色家园',
+		// 	type: '投票选举',
+		// 	user_name: '王五',
+		// 	is_anonymous: false,
+		// 	submit_time: '2024-06-10 18:30',
+		// 	question_count: 12,
+		// 	status: 1  // 已查看
+		// },
+		// {
+		// 	id: 4,
+		// 	title: '小区健身设施需求调研',
+		// 	village_name: '阳光花园小区',
+		// 	type: '需求调研',
+		// 	user_name: '赵六',
+		// 	is_anonymous: false,
+		// 	submit_time: '2024-06-08 11:20',
+		// 	question_count: 10,
+		// 	status: 1  // 已查看
+		// },
+		// {
+		// 	id: 5,
+		// 	title: '端午节活动满意度调查',
+		// 	village_name: '翠湖庭院',
+		// 	type: '满意度调查',
+		// 	user_name: '匿名用户',
+		// 	is_anonymous: true,
+		// 	submit_time: '2024-06-05 16:40',
+		// 	question_count: 6,
+		// 	status: 0  // 未查看
+		// }
 	]);
 
 	// 状态颜色配置
@@ -406,7 +403,7 @@
 	// 生命周期钩子
 	onLoad(() => {
 		checkRouteStack();
-		loadQuestionnaireList();
+		// loadQuestionnaireList();
 	});
 
 	// 下拉刷新
diff --git a/pagesB/setting/index.vue b/pagesB/setting/index.vue
index e00ae4a..fc7070c 100644
--- a/pagesB/setting/index.vue
+++ b/pagesB/setting/index.vue
@@ -1,9 +1,7 @@
 <template>
 	<view class="container">
 		<!-- 自定义导航栏 -->
-		<wd-navbar :bordered="false"
-			custom-style="background: transparent !important; backdrop-filter: blur(10px) !important; -webkit-backdrop-filter: blur(20px) !important;"
-			safeAreaInsetTop fixed placeholder>
+		<wd-navbar :bordered="false" custom-style="background: #ffffff;" safeAreaInsetTop fixed placeholder>
 			<template #left>
 				<view class="li-ml-15 li-mt-10 li-flex li-items-center">
 					<text v-if="hasMultiplePages" class="ri-arrow-left-s-line li-text-70"
@@ -14,88 +12,79 @@
 				</view>
 			</template>
 		</wd-navbar>
-		<!-- 导航栏背景 -->
-		<view class="nav-bg-layer"></view>
-
-		<!-- 页面背景 -->
-		<view class="page-bg"></view>
 
 		<view class="content">
-			<!-- 用户信息预览 -->
-			<view class="user-preview" @click="handleEditInfo">
-				<view class="user-avatar">
-					<image v-if="userInfo.avatar" :src="userInfo.avatar" mode="aspectFill"></image>
-					<view v-else class="default-avatar">{{userInfo.nickname.substring(0,1)}}</view>
+			<!-- 设置选项列表 -->
+			<view class="section">
+				<view class="setting-item" @click="handleEditInfo">
+					<view class="left">
+						<text class="ri-user-3-line icon"></text>
+						<text class="title">个人信息</text>
+					</view>
+					<text class="ri-arrow-right-s-line arrow"></text>
 				</view>
-				<view class="user-detail">
-					<view class="user-name">{{userInfo.nickname || '未设置昵称'}}</view>
-					<view class="user-phone">{{formatPhone(userInfo.phone)}}</view>
+
+				<view class="setting-item" @click="clearCache">
+					<view class="left">
+						<text class="ri-delete-bin-6-line icon"></text>
+						<text class="title">清除缓存</text>
+					</view>
+					<text class="value">{{cacheSize}}</text>
 				</view>
-				<text class="ri-arrow-right-s-line arrow-icon"></text>
 			</view>
 
-			<view class="setting-section">
-				<view class="setting-list">
-					<view class="setting-item" @click="clearCache">
-						<view class="item-left">
-							<text class="ri-delete-bin-5-line item-icon cache-color"></text>
-							<text class="item-title">清除缓存</text>
-						</view>
-						<view class="item-right">
-							<text class="cache-size">{{cacheSize}}</text>
-						</view>
+			<view class="section">
+				<view class="setting-item" @click="handlePrivacyPolicy">
+					<view class="left">
+						<text class="ri-lock-line icon"></text>
+						<text class="title">隐私政策</text>
 					</view>
-					<view class="setting-item" @click="handlePrivacyPolicy">
-						<view class="item-left">
-							<text class="ri-file-text-line item-icon privacy-color"></text>
-							<text class="item-title">隐私政策</text>
-						</view>
-						<view class="item-right">
-							<text class="ri-arrow-right-s-line arrow-icon"></text>
-						</view>
+					<text class="ri-arrow-right-s-line arrow"></text>
+				</view>
+
+				<view class="setting-item" @click="handleUserAgreement">
+					<view class="left">
+						<text class="ri-file-list-3-line icon"></text>
+						<text class="title">用户协议</text>
 					</view>
-					<view class="setting-item" @click="handleUserAgreement">
-						<view class="item-left">
-							<text class="ri-file-list-3-line item-icon agreement-color"></text>
-							<text class="item-title">用户协议</text>
-						</view>
-						<view class="item-right">
-							<text class="ri-arrow-right-s-line arrow-icon"></text>
-						</view>
+					<text class="ri-arrow-right-s-line arrow"></text>
+				</view>
+
+				<view class="setting-item" @click="checkUpdate">
+					<view class="left">
+						<text class="ri-information-line icon"></text>
+						<text class="title">关于我们</text>
 					</view>
-					<view class="setting-item" @click="checkUpdate">
-						<view class="item-left">
-							<text class="ri-information-line item-icon about-color"></text>
-							<text class="item-title">关于我们</text>
-						</view>
-						<view class="item-right">
-							<text class="version-text">v{{appVersion}}</text>
-							<text class="ri-arrow-right-s-line arrow-icon"></text>
-						</view>
+					<view class="right">
+						<text class="version">{{appVersion}}</text>
+						<text class="ri-arrow-right-s-line arrow"></text>
 					</view>
 				</view>
 			</view>
 
 			<!-- 退出登录按钮 -->
-			<view class="logout-container">
+			<view class="logout-wrap">
 				<button class="logout-btn" @click="handleLogout">退出登录</button>
 			</view>
 		</view>
 
-		<!-- 确认弹窗 -->
-		<wd-dialog v-model="showLogoutDialog" title="退出登录" :show-cancel-button="true" @confirm="confirmLogout">
-			<view class="dialog-content">
-				确定要退出登录吗？
-			</view>
-		</wd-dialog>
+
+		<wd-message-box />
+		<wd-toast />
 	</view>
+	<zero-loading type="wobble" v-if="loading"></zero-loading>
 </template>
 
 <script setup lang="ts">
+	import { logout } from '@/api/login'
 	import { ref, reactive, onMounted } from 'vue';
 	import { useNavigation } from '@/hooks/useNavigation';
 	import { onLoad } from '@dcloudio/uni-app'
+	import { useMessage } from '@/uni_modules/wot-design-uni'
+	import { useToast } from '@/uni_modules/wot-design-uni';
 
+	const Toast = useToast();
+	const message = useMessage()
 
 	// 使用导航 composable
 	const {
@@ -103,25 +92,15 @@
 		isTabBarPage,       // 当前页面是否为 tabBar 页面
 		checkRouteStack     // 检查当前路由栈状态的方法
 	} = useNavigation()
+	const loading = ref<boolean>(false)
 
-	// 用户信息
-	const userInfo = reactive({
-		nickname: '里派用户',
-		phone: '13800138000',
-		avatar: ''
-	});
 
 	// 缓存大小
-	const cacheSize = ref('4.8MB');
+	const cacheSize = ref('获取中...');
 
 	// 应用版本
-	const appVersion = ref('1.0.0');
+	const appVersion = ref('v1.0.0');
 
-	// 深色模式
-	const isDarkMode = ref(false);
-
-	// 登出对话框
-	const showLogoutDialog = ref(false);
 
 	/**
 	 * 格式化手机号码为带星号格式
@@ -130,13 +109,12 @@
 		if (!phone) return '';
 		return phone.replace(/(\d{3})\d{4}(\d{4})/, '$1****$2');
 	};
-	
+
 	// 页面跳转
-	const toPages = (item : any) => {
-		if (item.type === 'nav') {
+	const toPages = ({ type }) => {
+		if (type === 'nav') {
 			uni.navigateBack()
-		} else if (item.type === 'home') {
-			// 这里是项目内部的跳转逻辑
+		} else if (type === 'home') {
 			uni.switchTab({
 				url: '/pages/index/index'
 			})
@@ -152,34 +130,154 @@
 		});
 	};
 
+	/**
+	 * 获取缓存大小
+	 */
+	const getCacheSize = () => {
+		// #ifdef APP-PLUS
+		try {
+			plus.cache.calculate(size => {
+				const sizeInMB = (size / (1024 * 1024)).toFixed(1);
+				cacheSize.value = size > 0 ? sizeInMB + 'MB' : '0KB';
+			});
+		} catch (e) {
+			// 如果获取缓存失败，显示默认值
+			console.error('获取APP缓存大小失败:', e);
+			cacheSize.value = '0KB';
+		}
+		// #endif
 
+		// #ifdef MP
+		try {
+			uni.getStorageInfo({
+				success: (res) => {
+					const size = res.currentSize;
+					if (size <= 0) {
+						cacheSize.value = '0KB';
+					} else if (size < 1024) {
+						cacheSize.value = size + 'KB';
+					} else {
+						cacheSize.value = (size / 1024).toFixed(1) + 'MB';
+					}
+				},
+				fail: (err) => {
+					console.error('获取小程序缓存大小失败:', err);
+					cacheSize.value = '0KB';
+				},
+				complete: () => {
+					// 如果30秒后还是"获取中..."状态，则置为0KB
+					setTimeout(() => {
+						if (cacheSize.value === '获取中...') {
+							cacheSize.value = '0KB';
+						}
+					}, 3000);
+				}
+			});
+		} catch (e) {
+			console.error('获取缓存异常:', e);
+			cacheSize.value = '0KB';
+		}
+		// #endif
 
+		// #ifdef H5
+		try {
+			// 计算localStorage大小（粗略估计）
+			let size = 0;
+			for (let key in localStorage) {
+				if (localStorage.hasOwnProperty(key)) {
+					size += localStorage[key].length * 2; // UTF-16 字符占用2字节
+				}
+			}
+
+			if (size <= 0) {
+				cacheSize.value = '0KB';
+			} else if (size < 1024) {
+				cacheSize.value = size + 'B';
+			} else if (size < 1048576) { // 1024 * 1024
+				cacheSize.value = (size / 1024).toFixed(1) + 'KB';
+			} else {
+				cacheSize.value = (size / 1048576).toFixed(1) + 'MB';
+			}
+		} catch (e) {
+			console.error('获取H5缓存大小失败:', e);
+			cacheSize.value = '0KB';
+		}
+		// #endif
+	}
 
 	/**
 	 * 清除缓存
 	 */
 	const clearCache = () => {
+		message.alert({
+			msg: '清除缓存需重新登录，请谨慎操作！',
+			title: '提示',
+			type: 'confirm',
+		})
+			.then(() => {
+				clearAll()
+			})
+	};
+
+	const clearAll = () => {
 		uni.showLoading({
 			title: '清理中...'
 		});
-
-		// 模拟清理过程
-		setTimeout(() => {
-			uni.hideLoading();
-			cacheSize.value = '0KB';
-			uni.showToast({
-				title: '缓存已清理',
-				icon: 'success'
+		// #ifdef APP-PLUS
+		try {
+			plus.cache.clear(() => {
+				uni.hideLoading();
+				cacheSize.value = '0KB';
+				Toast.success('缓存已清理')
+			}, err => {
+				console.error('清理APP缓存失败:', err);
+				uni.hideLoading();
+				Toast.error('清理失败')
 			});
-		}, 1000);
-	};
+		} catch (e) {
+			console.error('清理缓存异常:', e);
+			uni.hideLoading();
+			Toast.error('清理失败')
+		}
+		// #endif
+
+		// #ifdef MP
+		try {
+			uni.clearStorageSync();
+			setTimeout(() => {
+				uni.hideLoading();
+				cacheSize.value = '0KB';
+				Toast.success('缓存已清理')
+			}, 500);
+		} catch (e) {
+			console.error('清理小程序缓存失败:', e);
+			uni.hideLoading();
+			Toast.error('清理失败')
+		}
+		// #endif
+
+		// #ifdef H5
+		try {
+			localStorage.clear();
+			setTimeout(() => {
+				uni.hideLoading();
+				cacheSize.value = '0KB';
+				Toast.success('缓存已清理')
+			}, 500);
+		} catch (e) {
+			uni.hideLoading();
+			Toast.error('清理失败')
+		}
+		// #endif
+		confirmLogout()
+	}
 
 	/**
 	 * 查看隐私政策
 	 */
 	const handlePrivacyPolicy = () => {
 		uni.navigateTo({
-			url: '/pagesA/other/privacy'
+			url: '/pagesB/agreement/index?type=2'
 		});
 	};
 
@@ -188,7 +286,7 @@
 	 */
 	const handleUserAgreement = () => {
 		uni.navigateTo({
-			url: '/pagesA/other/agreement'
+			url: '/pagesB/agreement/index?type=1'
 		});
 	};
 
@@ -196,294 +294,171 @@
 	 * 检查更新
 	 */
 	const checkUpdate = () => {
-		uni.showToast({
-			title: '当前已是最新版本',
-			icon: 'none'
-		});
+		// uni.showToast({
+		// 	title: '当前已是最新版本',
+		// 	icon: 'none'
+		// });
+		Toast.success('当前已是最新版本')
 	};
 
 	/**
 	 * 显示退出登录确认框
 	 */
 	const handleLogout = () => {
-		showLogoutDialog.value = true;
+		message.alert({
+			msg: '确定退出吗?',
+			title: '退出登录',
+			type: 'confirm',
+		})
+			.then(() => {
+				confirmLogout()
+				uni.showLoading({
+					title: '退出中...'
+				})
+			})
 	};
 
 	/**
 	 * 确认退出登录
 	 */
-	const confirmLogout = () => {
-		uni.showLoading({
-			title: '退出中...'
-		});
+	const confirmLogout = async () => {
+		// loading.value = true
 
-		// 模拟退出过程
-		setTimeout(() => {
-			uni.hideLoading();
-
-			// 清除登录状态及相关缓存
+		const res = await logout()
+		if (res.code == 200) {
+			uni.hideLoading()
 			uni.removeStorageSync('token');
 			uni.removeStorageSync('userInfo');
-
-			// 跳转到登录页
 			uni.reLaunch({
 				url: '/pages/login/index'
 			});
-		}, 1000);
+		}
 	};
 
 	onMounted(() => {
-		checkRouteStack()
-		// 获取用户信息
-		const userInfoStorage = uni.getStorageSync('userInfo');
-		if (userInfoStorage) {
-			Object.assign(userInfo, JSON.parse(userInfoStorage));
-		}
+		checkRouteStack();
 
 		// 获取缓存大小
-		uni.getStorageInfo({
-			success: (res) => {
-				const size = res.currentSize;
-				if (size < 1024) {
-					cacheSize.value = size + 'KB';
-				} else {
-					cacheSize.value = (size / 1024).toFixed(1) + 'MB';
-				}
-			}
-		});
+		getCacheSize();
 
 		// 获取应用版本
 		// #ifdef APP-PLUS
 		plus.runtime.getProperty(plus.runtime.appid, (res) => {
-			appVersion.value = res.version;
+			appVersion.value = 'v' + res.version;
 		});
 		// #endif
 	});
 </script>
 
-<style lang="scss" scoped>
-	/* 主容器 */
-	.container {
-		min-height: 100vh;
-		background-color: transparent;
-		position: relative;
-		font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, Helvetica, Segoe UI, Arial, Roboto, PingFang SC, sans-serif;
-		padding-bottom: env(safe-area-inset-bottom);
+<style lang="scss">
+	page {
+		background-color: #f5f7fa;
 	}
 
-	/* 导航栏背景 */
-	.nav-bg-layer {
-		position: fixed;
-		top: 0;
-		left: 0;
-		width: 100%;
-		height: calc(var(--status-bar-height) + 88rpx);
-		background: linear-gradient(180deg, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.9) 100%);
-		z-index: -1;
-		backdrop-filter: blur(10px);
-		-webkit-backdrop-filter: blur(10px);
-	}
-
-	/* 页面背景 */
-	.page-bg {
-		position: fixed;
-		top: 0;
-		left: 0;
-		width: 100%;
-		height: 100%;
-		background: linear-gradient(135deg, #f8fafd 0%, #eef2f9 100%);
-		z-index: -2;
-	}
-
-	/* 内容区域 */
 	.content {
-		position: relative;
-		z-index: 2;
-		padding: 30rpx;
+		padding: 28rpx 32rpx 120rpx;
 	}
 
-	/* 用户信息预览 */
-	.user-preview {
-		background-color: #fff;
-		border-radius: 16rpx;
-		padding: 30rpx;
+	.section {
+		background-color: #ffffff;
+		border-radius: 18rpx;
+		margin-bottom: 28rpx;
+		overflow: hidden;
+		box-shadow: 0 4rpx 16rpx rgba(0, 0, 0, 0.06);
+	}
+
+	.setting-item {
 		display: flex;
 		align-items: center;
-		margin-bottom: 30rpx;
-		box-shadow: 0 4rpx 16rpx rgba(0, 0, 0, 0.05);
+		justify-content: space-between;
+		padding: 34rpx 32rpx;
+		position: relative;
 
-		.user-avatar {
-			width: 120rpx;
-			height: 120rpx;
-			border-radius: 60rpx;
-			overflow: hidden;
-			margin-right: 24rpx;
-
-			image {
-				width: 100%;
-				height: 100%;
-				border-radius: 60rpx;
-			}
-
-			.default-avatar {
-				width: 100%;
-				height: 100%;
-				display: flex;
-				align-items: center;
-				justify-content: center;
-				background: linear-gradient(135deg, #4080FF, #5E96FF);
-				color: #fff;
-				font-size: 60rpx;
-				font-weight: bold;
-			}
+		&:not(:last-child)::after {
+			content: '';
+			position: absolute;
+			left: 32rpx;
+			right: 32rpx;
+			bottom: 0;
+			height: 1px;
+			background-color: #f0f2f5;
+			transform: scaleY(0.5);
 		}
 
-		.user-detail {
-			flex: 1;
-
-			.user-name {
-				font-size: 36rpx;
-				font-weight: 600;
-				color: #333;
-				margin-bottom: 8rpx;
-			}
-
-			.user-phone {
-				font-size: 28rpx;
-				color: #999;
-			}
+		&:active {
+			background-color: #f8f9fa;
 		}
 
-		.arrow-icon {
-			font-size: 44rpx;
-			color: #ccc;
-		}
-	}
-
-	/* 设置项区域 */
-	.setting-section {
-		margin-bottom: 30rpx;
-
-		.section-title {
-			font-size: 30rpx;
-			font-weight: 600;
-			color: #333;
-			margin-bottom: 16rpx;
-			padding-left: 16rpx;
-		}
-
-		.setting-list {
-			background-color: #fff;
-			border-radius: 16rpx;
-			overflow: hidden;
-			box-shadow: 0 4rpx 16rpx rgba(0, 0, 0, 0.05);
-		}
-
-		.setting-item {
-			padding: 28rpx 30rpx;
+		.left {
 			display: flex;
 			align-items: center;
-			justify-content: space-between;
-			border-bottom: 1px solid #f5f5f5;
 
-			&:last-child {
-				border-bottom: none;
+			.icon {
+				font-size: 42rpx;
+				margin-right: 24rpx;
+				color: #3370ff;
+				opacity: 0.85;
 			}
 
-			.item-left {
-				display: flex;
-				align-items: center;
-
-				.item-icon {
-					font-size: 44rpx;
-					margin-right: 20rpx;
-
-					&.account-color {
-						color: #4080FF;
-					}
-
-					&.security-color {
-						color: #5AC8FA;
-					}
-
-					&.notice-color {
-						color: #FF9500;
-					}
-
-					&.theme-color {
-						color: #5E6687;
-					}
-
-					&.cache-color {
-						color: #FF3B30;
-					}
-
-					&.privacy-color {
-						color: #34C759;
-					}
-
-					&.agreement-color {
-						color: #9013FE;
-					}
-
-					&.about-color {
-						color: #4080FF;
-					}
-				}
-
-				.item-title {
-					font-size: 30rpx;
-					color: #333;
-				}
+			.title {
+				font-size: 30rpx;
+				color: #333333;
+				font-weight: 450;
+				letter-spacing: 0.5rpx;
 			}
+		}
 
-			.item-right {
-				display: flex;
-				align-items: center;
+		.arrow {
+			color: #c0c0c0;
+			font-size: 34rpx;
+		}
 
-				.arrow-icon {
-					font-size: 44rpx;
-					color: #ccc;
-				}
+		.value {
+			font-size: 28rpx;
+			color: #999999;
+		}
 
-				.cache-size,
-				.version-text {
-					font-size: 28rpx;
-					color: #999;
-					margin-right: 10rpx;
-				}
+		.right {
+			display: flex;
+			align-items: center;
+
+			.version {
+				font-size: 28rpx;
+				color: #999999;
+				margin-right: 12rpx;
 			}
 		}
 	}
 
-	/* 退出登录按钮 */
-	.logout-container {
-		margin-top: 60rpx;
-		padding: 0 20rpx;
-		margin-bottom: 50rpx;
+	.logout-wrap {
+		padding: 60rpx 40rpx;
 
 		.logout-btn {
-			background-color: #fff;
-			color: #FF3B30;
-			border: none;
-			height: 96rpx;
-			line-height: 96rpx;
+			width: 100%;
+			height: 90rpx;
+			line-height: 90rpx;
+			background: linear-gradient(135deg, #398CFF 0%, #2170E8 100%);
+			color: #ffffff;
 			font-size: 32rpx;
-			border-radius: 16rpx;
 			font-weight: 500;
-			box-shadow: 0 4rpx 16rpx rgba(0, 0, 0, 0.05);
+			border-radius: 45rpx;
+			border: none;
+			box-shadow: 0 4rpx 12rpx rgba(57, 140, 255, 0.3);
+			transition: all 0.3s ease;
 
 			&:active {
-				background-color: #f8f8f8;
+				transform: scale(0.98);
+				box-shadow: 0 2rpx 8rpx rgba(57, 140, 255, 0.2);
+				opacity: 0.9;
 			}
 		}
 	}
 
-	/* 弹窗内容样式 */
 	.dialog-content {
 		padding: 30rpx;
 		text-align: center;
-		font-size: 30rpx;
+		font-size: 28rpx;
 		color: #333;
+		line-height: 1.5;
 	}
 </style>
\ No newline at end of file
diff --git a/unocss/a-hua-unocss/index.scss b/unocss/a-hua-unocss/index.scss
index 8a9d76f..f7951fd 100644
--- a/unocss/a-hua-unocss/index.scss
+++ b/unocss/a-hua-unocss/index.scss
@@ -1,32 +1,234 @@
 
-.li-mt-25{margin-top:25rpx}
-
-.li-pt-6{padding-top:6rpx}
-.li-px-15{padding-left:15rpx;padding-right:15rpx}
-
+.li-bg-white{background-color:rgb(255,255,255)}
+.li-flex{display:flex}
+.li-flex-col{flex-direction:column}
+.li-font-550{font-weight:550}
+.li-h-130{height:130rpx}
+.li-h-68{height:68rpx}
+.li-items-center{align-items:center}
+.li-justify-between{justify-content:space-between}
+.li-justify-center{justify-content:center}
+.li-mt-100{margin-top:100rpx}
+.li-mt-28{margin-top:28rpx}
+.li-mt-32{margin-top:32rpx}
+.li-mt-90{margin-top:90rpx}
+.li-mx-10{margin-left:10rpx;margin-right:10rpx}
+.li-mx-auto{margin-left:auto;margin-right:auto}
+.li-pt-270{padding-top:270rpx}
+.li-rd-40{border-radius:40rpx}
+.li-text-000000-color{color:rgb(0,0,0)}
+.li-text-24{font-size:24rpx}
+.li-text-2EA1EA-color{color:rgb(46,161,234)}
+.li-text-38{font-size:38rpx}
+.li-text-a5a5a5-color{color:rgb(165,165,165)}
+.li-w-130{width:130rpx}
+.li-w-150{width:150rpx}
+.li-w-420{width:420rpx}
+.li-w-full-80{width:80%}
+.li-w-full-85{width:85%}
+.li-w-full-90{width:90%}
+.items-center{align-items:center}
+.justify-end{justify-content:end}
+.justify-center{justify-content:center}
+.justify-between{justify-content:space-between}
+.li-flex-center{display:flex;align-items:center;justify-content:center}
+.li-h-160{height:160rpx}
+.li-h-58{height:58rpx}
+.li-justify-around{justify-content:space-around}
+.li-ml-22{margin-left:22rpx}
+.li-ml-25{margin-left:25rpx}
+.li-ml-35{margin-left:35rpx}
+.li-mr-5{margin-right:5rpx}
+.li-mt-10{margin-top:10rpx}
+.li-mt-12{margin-top:12rpx}
+.li-mt-14{margin-top:14rpx}
+.li-mt-15{margin-top:15rpx}
+.li-mt-20{margin-top:20rpx}
+.li-mt-30{margin-top:30rpx}
+.li-px-25{padding-left:25rpx;padding-right:25rpx}
+.li-px-30{padding-left:30rpx;padding-right:30rpx}
+.li-px-40{padding-left:40rpx;padding-right:40rpx}
+.li-py-25{padding-top:25rpx;padding-bottom:25rpx}
+.li-rd-10{border-radius:10rpx}
+.li-rd-15{border-radius:15rpx}
+.li-text-010B3E-color{color:rgb(1,11,62)}
+.li-text-22{font-size:22rpx}
+.li-text-26{font-size:26rpx}
+.li-text-28{font-size:28rpx}
+.li-text-30{font-size:30rpx}
+.li-text-343333-color{color:rgb(52,51,51)}
+.li-text-AFB2B8-color{color:rgb(175,178,184)}
+.li-text-B1B0B0-color{color:rgb(177,176,176)}
+.li-w-310{width:310rpx}
+.li-w-58{width:58rpx}
+.li-w-full-70{width:70%}
+.li-w-full-88{width:88%}
+.li-h-100{height:100rpx}
+.li-ml-20{margin-left:20rpx}
+.li-ml-200{margin-left:200rpx}
+.li-ml-30{margin-left:30rpx}
+.li-mr-10{margin-right:10rpx}
+.li-mr-30{margin-right:30rpx}
+.li-mt-300-important{margin-top:300rpx !important}
+.li-pt-2{padding-top:2rpx}
+.li-py-20{padding-top:20rpx;padding-bottom:20rpx}
+.li-rd-full-50{border-radius:50%}
+.li-text-25{font-size:25rpx}
+.li-text-35{font-size:35rpx}
+.li-text-42{font-size:42rpx}
+.li-text-46{font-size:46rpx}
+.li-w-100{width:100rpx}
 .bg-0070F0{background-color:rgb(0,112,240)}
-.li-my-10{margin-top:10rpx;margin-bottom:10rpx}
-.li-p-20{padding:20rpx}
-.li-px-20{padding-left:20rpx;padding-right:20rpx}
-.li-py-10{padding-top:10rpx;padding-bottom:10rpx}
-.li-py-60{padding-top:60rpx;padding-bottom:60rpx}
-.li-rd-8{border-radius:8rpx}
-.li-text-dddddd-color{color:rgb(221,221,221)}
-.li-text-ff9900-color{color:rgb(255,153,0)}
-
+.bg-f9f9f9{background-color:rgb(249,249,249)}
+.bg-FFFFFF{background-color:rgb(255,255,255)}
+.border-4-white{border-style:solid;border-color:rgb(255,255,255);border-width:4rpx}
+.li-font-bold{font-weight:bold}
+.li-h-240{height:240rpx}
+.li-h-250{height:250rpx}
+.li-h-50{height:50rpx}
+.li-h-60{height:60rpx}
+.li-items-end{align-items:end}
+.li-justify-start{justify-content:start}
+.li-mb-2{margin-bottom:2rpx}
+.li-ml-4{margin-left:4rpx}
+.li-ml-50{margin-left:50rpx}
+.li-mr-20{margin-right:20rpx}
+.li-mr-50{margin-right:50rpx}
+.li-mt-26{margin-top:26rpx}
+.li-mt-60{margin-top:60rpx}
+.li-mx-20{margin-left:20rpx;margin-right:20rpx}
+.li-mx-40{margin-left:40rpx;margin-right:40rpx}
+.li-pb-10{padding-bottom:10rpx}
+.li-pb-14{padding-bottom:14rpx}
+.li-pb-20{padding-bottom:20rpx}
+.li-pt-20{padding-top:20rpx}
+.li-pt-8{padding-top:8rpx}
+.li-rd-20{border-radius:20rpx}
+.li-rd-tl-30-important{border-top-left-radius:30rpx !important}
+.li-rd-tr-30-important{border-top-right-radius:30rpx !important}
+.li-text-19171B-color{color:rgb(25,23,27)}
+.li-text-20{font-size:20rpx}
+.li-text-32{font-size:32rpx}
+.li-text-706e70-color{color:rgb(112,110,112)}
+.li-text-B2B2B2-color{color:rgb(178,178,178)}
+.li-text-BBBDDA-color{color:rgb(187,189,218)}
+.li-text-F2F7FD-color{color:rgb(242,247,253)}
+.li-text-F8C883-color{color:rgb(248,200,131)}
+.li-text-FFFFFF-color{color:rgb(255,255,255)}
+.li-text-b1bbc7-color{color:rgb(177,187,199)}
+.li-w-240{width:240rpx}
+.li-w-50{width:50rpx}
+.li-w-60{width:60rpx}
+.li-w-full-94{width:94%}
+.li-h-110{height:110rpx}
+.li-items-start{align-items:start}
+.li-mb-12{margin-bottom:12rpx}
+.li-mb-20{margin-bottom:20rpx}
+.li-mb-8{margin-bottom:8rpx}
+.li-ml-15{margin-left:15rpx}
+.li-mr-12{margin-right:12rpx}
+.li-mr-3{margin-right:3rpx}
+.li-mr-6{margin-right:6rpx}
+.li-mt-40{margin-top:40rpx}
+.li-pb-25{padding-bottom:25rpx}
+.li-pb-30{padding-bottom:30rpx}
+.li-pl-20{padding-left:20rpx}
+.li-pl-30{padding-left:30rpx}
+.li-pr-30{padding-right:30rpx}
+.li-pt-30{padding-top:30rpx}
+.li-py-6{padding-top:6rpx;padding-bottom:6rpx}
+.li-text-009aff-color{color:rgb(0,154,255)}
+.li-text-40{font-size:40rpx}
+.li-text-55{font-size:55rpx}
+.li-text-5f5f5f-color{color:rgb(95,95,95)}
+.li-text-666-color{color:rgb(102,102,102)}
+.li-text-70{font-size:70rpx}
+.li-text-9a9a9a-color{color:rgb(154,154,154)}
+.li-text-right{text-align:right}
+.li-w-110{width:110rpx}
+.li-w-400{width:400rpx}
+.li-w-full-92{width:92%}
+.overflow-hidden{overflow:hidden}
+.li-ml-6{margin-left:6rpx}
+.li-p-15{padding:15rpx}
+.li-pb-15{padding-bottom:15rpx}
+.li-pt-25{padding-top:25rpx}
+.li-pt-4{padding-top:4rpx}
+.li-text-333333-color{color:rgb(51,51,51)}
+.li-text-36{font-size:36rpx}
+.li-text-ff0000-color{color:rgb(255,0,0)}
+.li-w-full-100{width:100%}
+.li-font-400{font-weight:400}
+.li-m-30{margin:30rpx}
+.li-text-595959-color{color:rgb(89,89,89)}
+.li-mb-25{margin-bottom:25rpx}
+.li-mb-30{margin-bottom:30rpx}
+.li-ml-10{margin-left:10rpx}
+.li-mr-200{margin-right:200rpx}
+.li-mr-4{margin-right:4rpx}
+.li-mt-100-important{margin-top:100rpx !important}
+.li-mt-4{margin-top:4rpx}
+.li-mt-50{margin-top:50rpx}
+.li-mt-8{margin-top:8rpx}
+.li-py-40{padding-top:40rpx;padding-bottom:40rpx}
+.li-text-0070F0-color{color:rgb(0,112,240)}
+.li-text-333-color{color:rgb(51,51,51)}
+.li-text-34{font-size:34rpx}
+.li-text-44{font-size:44rpx}
+.li-text-48{font-size:48rpx}
+.li-text-90{font-size:90rpx}
+.li-text-999-color{color:rgb(153,153,153)}
+.li-text-center{text-align:center}
+.li-text-white{color:rgb(255,255,255)}
+.li-w-500{width:500rpx}
+.li-mr-25{margin-right:25rpx}
+.li-h-90{height:90rpx}
+.li-text-47{font-size:47rpx}
+.li-w-90{width:90rpx}
+.li-border-b{border-style:solid;border-color:b;border-width:1rpx}
+.li-mb-10{margin-bottom:10rpx}
+.li-mb-15{margin-bottom:15rpx}
+.li-my-20{margin-top:20rpx;margin-bottom:20rpx}
+.li-p-30{padding:30rpx}
+.li-py-30{padding-top:30rpx;padding-bottom:30rpx}
+.li-text-ff6b35-color{color:rgb(255,107,53)}
+.li-block{display:block}
+.li-items-baseline{align-items:baseline}
+.li-mr-15{margin-right:15rpx}
+.li-mt-5{margin-top:5rpx}
+.li-opacity-100{undefined:1}
+.li-rd-12{border-radius:12rpx}
+.li-rd-16{border-radius:16rpx}
+.li-text-0a4696-color{color:rgb(10,70,150)}
+.li-flex-1{flex:1}
+.li-flex-wrap{flex-wrap:wrap}
+.li-line-clamp-2{overflow:hidden;display:-webkit-box;line-clamp:2;-webkit-box-orient:vertical;-webkit-line-clamp:2}
+.li-text-999999-color{color:rgb(153,153,153)}
+.li-w-160{width:160rpx}
+.li-w-full-96{width:96%}
+.li-mt-25{margin-top:25rpx}
+.li-mt-200{margin-top:200rpx}
+.li-pt-6{padding-top:6rpx}
+.li-mr-180{margin-right:180rpx}
 .li-opacity-80{undefined:0.8}
 .li-pb-40{padding-bottom:40rpx}
+.li-px-20{padding-left:20rpx;padding-right:20rpx}
+.li-py-10{padding-top:10rpx;padding-bottom:10rpx}
 .li-py-100{padding-top:100rpx;padding-bottom:100rpx}
-.li-py-15{padding-top:15rpx;padding-bottom:15rpx}
+.li-py-60{padding-top:60rpx;padding-bottom:60rpx}
 .li-rd-30{border-radius:30rpx}
 .li-text-100{font-size:100rpx}
 .li-text-3e9bff-color{color:rgb(62,155,255)}
 .li-text-50{font-size:50rpx}
 .li-text-52c41a-color{color:rgb(82,196,26)}
-.li-text-60{font-size:60rpx}
 .li-text-ccc-color{color:rgb(204,204,204)}
 .li-text-ff4d4f-color{color:rgb(255,77,79)}
 
+.li-my-10{margin-top:10rpx;margin-bottom:10rpx}
+.li-p-20{padding:20rpx}
+.li-rd-8{border-radius:8rpx}
+.li-text-dddddd-color{color:rgb(221,221,221)}
+.li-text-ff9900-color{color:rgb(255,153,0)}
 
 
 
@@ -39,3 +241,51 @@
 
 
 
+
+
+
+.li-ml-20{margin-left:20rpx}
+.li-ml-30{margin-left:30rpx}
+.li-mr-30{margin-right:30rpx}
+.li-mt-300-important{margin-top:300rpx !important}
+.li-pt-2{padding-top:2rpx}
+.li-text-25{font-size:25rpx}
+.li-text-35{font-size:35rpx}
+.li-text-46{font-size:46rpx}
+
+.li-h-90{height:90rpx}
+.li-mr-6{margin-right:6rpx}
+.li-text-52{font-size:52rpx}
+.li-w-90{width:90rpx}
+
+.li-flex-1{flex:1}
+.li-flex-wrap{flex-wrap:wrap}
+.li-items-start{align-items:start}
+.li-line-clamp-2{overflow:hidden;display:-webkit-box;line-clamp:2;-webkit-box-orient:vertical;-webkit-line-clamp:2}
+.li-mb-10{margin-bottom:10rpx}
+.li-mb-15{margin-bottom:15rpx}
+.li-mb-20{margin-bottom:20rpx}
+.li-pb-15{padding-bottom:15rpx}
+.li-pb-30{padding-bottom:30rpx}
+.li-pl-30{padding-left:30rpx}
+.li-text-0070F0-color{color:rgb(0,112,240)}
+.li-text-333-color{color:rgb(51,51,51)}
+.li-text-34{font-size:34rpx}
+.li-text-999-color{color:rgb(153,153,153)}
+.li-text-999999-color{color:rgb(153,153,153)}
+.li-text-9a9a9a-color{color:rgb(154,154,154)}
+.li-text-center{text-align:center}
+.li-w-160{width:160rpx}
+.li-w-full-92{width:92%}
+.li-w-full-96{width:96%}
+
+.li-mb-30{margin-bottom:30rpx}
+.li-mr-15{margin-right:15rpx}
+.li-mt-200{margin-top:200rpx}
+.li-p-30{padding:30rpx}
+.li-pt-6{padding-top:6rpx}
+.li-text-36{font-size:36rpx}
+.li-text-40{font-size:40rpx}
+
+.li-mr-4{margin-right:4rpx}
+.li-text-666-color{color:rgb(102,102,102)}
diff --git a/utils/permission.js b/utils/permission.js
new file mode 100644
index 0000000..19cedeb
--- /dev/null
+++ b/utils/permission.js
@@ -0,0 +1,60 @@
+/**
+ * 权限管理工具
+ * 用于处理应用中的权限控制逻辑
+ */
+// 权限信息 F1.核销 F2.配送 F3.推广 F4.量房 F5.家政 F6.维修
+// 权限映射对象：将前端菜单/功能类型映射到权限代码
+export const permissionMap = {
+  // 功能权限映射
+  'verification': 'F1', // 商品核销 - F1.核销
+  'delivery': 'F2',     // 配送 - F2.配送
+  'invite': 'F3',    // 推广 - F3.推广
+  'measure': 'F4',      // 量房 - F4.量房
+  'repair': 'F6',       // 维修 - F6.维修
+  
+  // 可以根据需要添加更多菜单与权限的映射关系
+}
+
+/**
+ * 判断当前用户是否拥有指定功能的权限
+ * @param {String} featureType - 功能/菜单类型
+ * @param {Array} userPermissions - 用户拥有的权限数组
+ * @returns {Boolean} - 是否拥有权限
+ */
+export function hasPermission(featureType, userPermissions) {
+  // 如果功能类型不在权限映射中，表示不需要权限控制，直接显示
+  if (!permissionMap[featureType]) return true;
+  
+  // 如果没有权限数组或权限数组为空，则没有权限
+  if (!userPermissions || userPermissions.length === 0) return false;
+  
+  // 检查权限数组中是否包含该功能所需的权限
+  return userPermissions.includes(permissionMap[featureType]);
+}
+
+/**
+ * 过滤菜单或功能列表，只返回用户有权限访问的项
+ * @param {Array} menuList - 菜单或功能列表
+ * @param {Array} userPermissions - 用户拥有的权限数组
+ * @param {String} typeKey - 菜单项中表示功能类型的键名，默认为'type'
+ * @returns {Array} - 过滤后的菜单列表
+ */
+export function filterByPermission(menuList, userPermissions, typeKey = 'type') {
+  if (!menuList || !Array.isArray(menuList)) return [];
+  
+  return menuList.filter(item => {
+    const featureType = item[typeKey];
+    return hasPermission(featureType, userPermissions);
+  });
+}
+
+/**
+ * 根据权限代码获取对应的功能类型列表
+ * @param {String} permissionCode - 权限代码
+ * @returns {Array} - 拥有该权限的功能类型列表
+ */
+export function getFeaturesByPermission(permissionCode) {
+  return Object.entries(permissionMap)
+    .filter(([_, code]) => code === permissionCode)
+    .map(([featureType]) => featureType);
+} 
\ No newline at end of file