From e0ff09374c049d5d0736ff39edf9f1a53477959d Mon Sep 17 00:00:00 2001
From: zhouyanli <593579392@qq.com>
Date: Wed, 29 Apr 2026 09:36:44 +0800
Subject: [PATCH] =?UTF-8?q?=E8=A7=A3=E5=86=B3=E5=86=B2=E7=AA=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 wuye-manager-uniapp/pages.json            | 194 -----
 wuye-manager-uniapp/pages/index/index.vue | 819 ++++++++++------------
 2 files changed, 360 insertions(+), 653 deletions(-)

diff --git a/wuye-manager-uniapp/pages.json b/wuye-manager-uniapp/pages.json
index 71b9340..f36fc16 100644
--- a/wuye-manager-uniapp/pages.json
+++ b/wuye-manager-uniapp/pages.json
@@ -1,192 +1,4 @@
 {
-<<<<<<< HEAD
-	"pages": [
-		{
-			"path": "pages/guide/guide",
-			"style": {
-				"navigationBarTitleText": "引导页",
-				"navigationStyle": "custom"
-			}
-		},
-		{
-			"path": "pages/index/index",
-			"style": {
-				"navigationBarTitleText": "工作台",
-				"navigationStyle": "custom"
-			}
-		},
-		{
-			"path": "pages/my/my",
-			"style": {
-				"navigationBarTitleText": "我的",
-				"navigationStyle": "custom"
-			}
-		}
-	],
-	"subPackages": [
-		{
-			"root": "pageSubPack/loginSub",
-			"pages": [
-				{
-					"path": "pwd-login",
-					"style": {
-						"navigationBarTitleText": "账号登录",
-						"navigationStyle": "custom"
-					}
-				},
-			    {
-			        "path": "login",
-			        "style": {
-						"navigationBarTitleText": "手机号登录",
-						"navigationStyle": "custom"
-			          }
-			    },
-				{
-				    "path": "privacy",
-				    "style": {
-						"navigationBarTitleText": "用户隐私政策"
-				      }
-				},
-				{
-				    "path": "register-new-user",
-				    "style": {
-						"navigationBarTitleText": "注册新用户",
-						"navigationStyle": "custom"
-				      }
-				},
-				{
-				    "path": "forget-pwd",
-				    "style": {
-						"navigationBarTitleText": "忘记密码",
-						"navigationStyle": "custom"
-				      }
-				},
-				{
-				    "path": "change-pwd",
-				    "style": {
-						"navigationBarTitleText": "修改密码",
-						"navigationStyle": "custom"
-				      }
-				}
-
-
-			]
-		},
-		{
-			"root": "pageSubPack/notice-list",
-			"pages": [
-				{
-					"path": "select-community",
-					"style": {
-						"navigationBarTitleText": "选择小区"
-					}
-				},
-			    {
-			        "path": "notice-list",
-			        "style": {
-						"navigationBarTitleText": "通知公告"
-			          }
-			    },
-				{
-				    "path": "noticeListDetails",
-				    "style": {
-						"navigationBarTitleText": "公告详情"
-				      }
-				}
-
-			]
-		},
-		{
-			"root": "pageSubPack/oneClickOpen",
-			"pages": [
-				{
-					"path": "oneClickOpen",
-					"style": {
-						"navigationBarTitleText": "一键开门",
-						"navigationStyle": "custom"
-					}
-				}
-			]
-		},
-		{
-			"root": "pageSubPack/report-record",
-			"pages": [
-				{
-					"path": "report-record",
-					"style": {
-						"navigationBarTitleText": "填写维修信息"
-					}
-				},
-				{
-					"path": "repairSelect",
-					"style": {
-						"navigationBarTitleText": "维修项目"
-					}
-				}
-			]
-		},
-		{
-			"root": "pageSubPack/setting",
-			"pages": [
-				{
-					"path": "setting",
-					"style": {
-						"navigationBarTitleText": "设置",
-						"navigationStyle": "custom"
-					}
-				},
-				{
-					"path": "change-phone",
-					"style": {
-						"navigationBarTitleText": "更改手机号码"
-
-					}
-				},
-				{
-					"path": "change -password",
-					"style": {
-						"navigationBarTitleText": "修改密码"
-
-					}
-				}
-			]
-		}
-
-
-	],
-	  "easycom": {
-	    "autoscan": true,
-	    "custom": {
-	      "^uni-(.*)": "@/components/uni-$1.vue"
-	    }
-	  },
-	"tabBar": {
-		"color": "#333333",
-		"backgroundColor": "#F5F6F6",
-		"borderStyle": "white",
-		"selectedColor": "#666666",
-		"list": [
-			{
-				"pagePath": "pages/index/index",
-				"iconPath": "/static/imgs/index.png",
-				"selectedIconPath": "/static/imgs/index-lan.png",
-				"text": "工作台"
-			},
-			{
-				"pagePath": "pages/my/my",
-				"iconPath": "/static/imgs/my.png",
-				"selectedIconPath": "/static/imgs/my-lan.png",
-				"text": "我的"
-			}
-		]
-	},
-	"globalStyle": {
-		"navigationBarTextStyle": "black",
-		"navigationBarTitleText": "uni-app",
-		"navigationBarBackgroundColor": "#F8F8F8",
-		"backgroundColor": "#F8F8F8"
-	},
-	"uniIdRouter": {}
   "pages": [{
       "path": "pages/guide/guide",
       "style": {
@@ -349,12 +161,6 @@
       "^uni-(.*)": "@/components/uni-$1.vue"
     }
   },
-  "condition": {
-    "list": [{
-      "name": "巡检记录",
-      "path": "pageSubPack/inspection/inspection_record"
-    }]
-  },
   "tabBar": {
     "color": "#333333",
     "backgroundColor": "#F5F6F6",
diff --git a/wuye-manager-uniapp/pages/index/index.vue b/wuye-manager-uniapp/pages/index/index.vue
index bf51e3b..9713117 100644
--- a/wuye-manager-uniapp/pages/index/index.vue
+++ b/wuye-manager-uniapp/pages/index/index.vue
@@ -26,496 +26,397 @@
         </view>
       </view>
     </view>
-  </view>
 
+    <!-- banner -->
+    <view class="bannarClass">
+      <uni-swiper-dot class="uni-swiper-dot-box" @clickItem="clickItem" :info="bannerList" :current="current" mode="round">
+        <swiper class="swiper-box" :current="current" autoplay>
+          <swiper-item v-for="(item, index) in bannerList" :key="index">
+            <view class="swiper-item">
+              <image :src="item.img" style="width: 100%;height: 100%;"></image>
+            </view>
+          </swiper-item>
+        </swiper>
+      </uni-swiper-dot>
+    </view>
 
-
-
-  <!-- banner -->
-  <view class="bannarClass">
-    <uni-swiper-dot class="uni-swiper-dot-box" @clickItem=clickItem :info="bannerList" :current="current" :mode="mode">
-      <swiper class="swiper-box" :current="swiperDotIndex" :autoplay="true">
-        <swiper-item v-for="(item, index) in bannerList" :key="index">
-          <view class="swiper-item">
-            <image :src="item.img" style="width: 100%;height: 100%;"></image>
-          </view>
-        </swiper-item>
-      </swiper>
-    </uni-swiper-dot>
-  </view>
-  <!-- 巡检 -->
-  <view class="inspectionClass">
-    <!-- 消息通知栏 -->
-    <view class="noticeClass">
-      <!-- 左侧消息通知文字 -->
-      <view class="notice-left">
-        <image src="/static/imgs/notice.png" class="notice-icon"></image>
+    <!-- 巡检 -->
+    <view class="inspectionClass">
+      <!-- 消息通知栏 -->
+      <view class="noticeClass">
+        <!-- 左侧消息通知文字 -->
+        <view class="notice-left">
+          <image src="/static/imgs/notice.png" class="notice-icon"></image>
+        </view>
+        <!-- 右侧滚动公告 -->
+        <view class="notice-right" @click="getNoticeMore">
+          <uni-notice-bar :text="noticeText" type="line" :showIcon="false" show-get-more scrollable color="#fff"
+            background-color="transparent" moreColor="#fff" no-border>
+          </uni-notice-bar>
+        </view>
       </view>
-      <!-- 右侧滚动公告 -->
-      <view class="notice-right" @click="getNoticeMore">
-        <uni-notice-bar :text="noticeText" type="line" :showIcon="false" show-get-more scrollable color="#fff"
-          background-color="transparent" moreColor="#fff" no-border>
-        </uni-notice-bar>
+
+      <!-- 巡检数据统计区 -->
+      <view class="statistics-wrap">
+        <view class="statistics-item" @click="goToInspectionRecord">
+          <text class="num">25</text>
+          <text class="label">全部巡检点</text>
+        </view>
+        <view class="statistics-item" @click="goToDaysInspection">
+          <text class="num">5</text>
+          <text class="label">待巡检点</text>
+        </view>
+        <view class="statistics-item">
+          <text class="num">25</text>
+          <text class="label">已巡检点</text>
+        </view>
       </view>
     </view>
 
-    <!-- 巡检数据统计区 -->
-    <view class="statistics-wrap">
-      <view class="statistics-item">
-        <text class="num">25</text>
-        <text class="label">巡检点</text>
+    <!-- 网格布局功能 -->
+    <view class="function-container">
+      <!-- 第一行功能：故障上报、一键开门、工单大厅、我的工单 -->
+      <view class="function-row">
+        <view class="function-item">
+          <image class="item-icon" src="/static/imgs/fault-report.png" mode="aspectFit"></image>
+          <text class="item-text">故障上报</text>
+        </view>
+        <view class="function-item" @click="goToOneOpenDoor">
+          <image class="item-icon" src="/static/imgs/open.png" mode="aspectFit"></image>
+          <text class="item-text">一键开门</text>
+        </view>
+        <view class="function-item">
+          <image class="item-icon" src="/static/imgs/work-order.png" mode="aspectFit"></image>
+          <text class="item-text">工单大厅</text>
+        </view>
+        <view class="function-item">
+          <image class="item-icon" src="/static/imgs/my-work.png" mode="aspectFit"></image>
+          <text class="item-text">我的工单</text>
+        </view>
       </view>
-      <view class="statistics-item">
-        <text class="num">5</text>
-        <text class="label">巡检点</text>
-      </view>
-      <view class="statistics-item">
-        <text class="num">25</text>
-        <text class="label">巡检点</text>
-      </view>
-    </view>
-  </view>
-  <!-- 网格布局功能 -->
-  <view class="function-container">
-    <!-- 第一行功能：故障上报、一键开门、工单大厅、我的工单 -->
-    <view class="function-row">
-      <view class="function-item" @click="goToReport">
-        <image class="item-icon" src="/static/imgs/fault-report.png" mode="aspectFit"></image>
-        <text class="item-text">故障上报</text>
-      </view>
-      <view class="function-item" @click="goToOneOpenDoor">
-        <image class="item-icon" src="/static/imgs/open.png" mode="aspectFit"></image>
-        <text class="item-text">一键开门</text>
-      </view>
-      <view class="function-item">
-        <image class="item-icon" src="/static/imgs/work-order.png" mode="aspectFit"></image>
-        <text class="item-text">工单大厅</text>
-      </view>
-      <view class="function-item">
-        <image class="item-icon" src="/static/imgs/my-work.png" mode="aspectFit"></image>
-        <text class="item-text">我的工单</text>
-      </view>
-    </view>
-    <!-- 2 -->
-    <view class="function-row" style="margin-top: 2px;">
-      <view class="function-item">
-        <image class="item-icon" src="/static/imgs/complaint.png" mode="aspectFit"></image>
-        <text class="item-text">投诉处理</text>
-      </view>
-    </view>
-
-  </view>
-
-  <!-- banner -->
-  <view class="bannarClass">
-    <uni-swiper-dot class="uni-swiper-dot-box" @clickItem="clickItem" :info="bannerList" :current="current"
-      :mode="mode">
-      <swiper class="swiper-box" :current="swiperDotIndex" :autoplay="true">
-        <swiper-item v-for="(item, index) in bannerList" :key="index">
-          <view class="swiper-item">
-            <image :src="item.img" style="width: 100%; height: 100%"></image>
-          </view>
-        </swiper-item>
-      </swiper>
-    </uni-swiper-dot>
-  </view>
-  <!-- 巡检 -->
-  <view class="inspectionClass">
-    <!-- 消息通知栏 -->
-    <view class="noticeClass">
-      <!-- 左侧消息通知文字 -->
-      <view class="notice-left">
-        <image src="/static/imgs/notice.png" class="notice-icon"></image>
-      </view>
-      <!-- 右侧滚动公告 -->
-      <view class="notice-right" @click="getNoticeMore">
-        <uni-notice-bar :text="noticeText" type="line" :showIcon="false" show-get-more scrollable color="#fff"
-          background-color="transparent" moreColor="#fff" no-border>
-        </uni-notice-bar>
-      </view>
-    </view>
-
-    <!-- 巡检数据统计区 -->
-    <view class="statistics-wrap">
-      <view class="statistics-item" @click="goToInspectionRecord">
-        <text class="num">25</text>
-        <text class="label">全部巡检点</text>
-      </view>
-      <view class="statistics-item" @click="goToDaysInspection">
-        <text class="num">5</text>
-        <text class="label">待巡检点</text>
-      </view>
-      <view class="statistics-item">
-        <text class="num">25</text>
-        <text class="label">已巡检点</text>
-      </view>
-    </view>
-  </view>
-  <!-- 网格布局功能 -->
-  <view class="function-container">
-    <!-- 第一行功能：故障上报、一键开门、工单大厅、我的工单 -->
-    <view class="function-row">
-      <view class="function-item">
-        <image class="item-icon" src="/static/imgs/fault-report.png" mode="aspectFit"></image>
-        <text class="item-text">故障上报</text>
-      </view>
-      <view class="function-item" @click="goToOneOpenDoor">
-        <image class="item-icon" src="/static/imgs/open.png" mode="aspectFit"></image>
-        <text class="item-text">一键开门</text>
-      </view>
-      <view class="function-item">
-        <image class="item-icon" src="/static/imgs/work-order.png" mode="aspectFit"></image>
-        <text class="item-text">工单大厅</text>
-      </view>
-      <view class="function-item">
-        <image class="item-icon" src="/static/imgs/my-work.png" mode="aspectFit"></image>
-        <text class="item-text">我的工单</text>
-      </view>
-    </view>
-    <!-- 2 -->
-    <view class="function-row" style="margin-top: 2px">
-      <view class="function-item">
-        <image class="item-icon" src="/static/imgs/complaint.png" mode="aspectFit"></image>
-        <text class="item-text">投诉处理</text>
+      <!-- 第二行 -->
+      <view class="function-row" style="margin-top: 2px">
+        <view class="function-item">
+          <image class="item-icon" src="/static/imgs/complaint.png" mode="aspectFit"></image>
+          <text class="item-text">投诉处理</text>
+        </view>
       </view>
     </view>
   </view>
 </template>
 
 <script setup>
-  import {
-    ref
-  } from 'vue'
-  import {
-    onLoad,
-    onUnload
-  } from '@dcloudio/uni-app'
+import { ref } from 'vue'
+import { onLoad, onUnload } from '@dcloudio/uni-app'
 
-  // 列表数据状态
-  const current = ref(0)
+// 列表数据状态
+const current = ref(0)
+const currentCommunity = ref('碧桂园小区')
+const bannerList = ref([
+  { img: '/static/imgs/banner1.png' },
+])
+const noticeText = ref('公告公告本小区今天安装了摄像头')
 
-  const currentCommunity = ref('碧桂园小区')
-  const bannerList = ref([{
-      img: '/static/imgs/banner1.png'
-    },
-    {
-      img: '/static/bannar2.png'
-    }
-  ])
-  const noticeText = ref('公告公告本小区今天安装了摄像头')
-
-  // =======方法=======
-  // 跳转小区
-  const navigateToPage = () => {
-    uni.navigateTo({
-      url: '/pageSubPack/notice-list/select-community'
-    })
-  }
-  // 跳转公告
-  const getNoticeMore = () => {
-    uni.navigateTo({
-      url: '/pageSubPack/notice-list/notice-list'
-    })
-  }
-  // 跳转一键开门
-  const goToOneOpenDoor = () => {
-    uni.navigateTo({
-      url: '/pageSubPack/oneClickOpen/oneClickOpen'
-    })
-  }
-
-  // 跳转到 今日巡检
-  const goToDaysInspection = () => {
-    uni.navigateTo({
-      url: '/pageSubPack/inspection/toDays_inscpection'
-    })
-  }
-  // 跳转到 巡检记录
-  const goToInspectionRecord = () => {
-    uni.navigateTo({
-      url: '/pageSubPack/inspection/inspection_record'
-    })
-  }
-
-  // 故障上报
-  const goToReport = () => {
-    uni.navigateTo({
-      url: "/pageSubPack/report-record/report-record"
-    })
-  }
-  // 接收选择小区返回的参数
-  const slelctHomeData = (data) => {
-    // console.log('收到B页面返回的数据：', data)
-    currentCommunity.value = data.name
-  }
-  onLoad(() => {
-        // 绑定全局事件监听
-        uni.$on('confirm', slelctHomeData)
+// =======方法=======
+// 跳转小区
+const navigateToPage = () => {
+  uni.navigateTo({
+    url: '/pageSubPack/notice-list/select-community'
   })
+}
+// 跳转公告
+const getNoticeMore = () => {
+  uni.navigateTo({
+    url: '/pageSubPack/notice-list/notice-list'
+  })
+}
+// 跳转一键开门
+const goToOneOpenDoor = () => {
+  uni.navigateTo({
+    url: '/pageSubPack/oneClickOpen/oneClickOpen'
+  })
+}
+// 跳转到 今日巡检
+const goToDaysInspection = () => {
+  uni.navigateTo({
+    url: '/pageSubPack/inspection/toDays_inscpection'
+  })
+}
+// 跳转到 巡检记录
+const goToInspectionRecord = () => {
+  uni.navigateTo({
+    url: '/pageSubPack/inspection/inspection_record'
+  })
+}
+// 故障上报
+const goToReport = () => {
+  uni.navigateTo({
+    url: "/pageSubPack/report-record/report-record"
+  })
+}
+// 接收选择小区返回的参数
+const slelctHomeData = (data) => {
+  currentCommunity.value = data.name
+}
 
-      // 页面销毁时移除监听（防止内存泄漏）
-  onUnload(() => {
-        uni.$off('confirm', slelctHomeData)
-    })
+onLoad(() => {
+  uni.$on('confirm', slelctHomeData)
+})
 
+onUnload(() => {
+  uni.$off('confirm', slelctHomeData)
+})
+
+const clickItem = (index) => {
+  current.value = index
+}
 </script>
 
 <style lang="scss" scoped>
-  .content-class {
-    // margin: 0 20rpx;
-    // padding: 2rpx;
-    background-color: #f9f9f9;
-    padding-bottom: 100rpx;
+.content-class {
+  background-color: #f9f9f9;
+  padding-bottom: 100rpx;
+  box-sizing: border-box;
+  min-height: 110vh;
+  overflow-y: auto;
+
+  .nar-top {
+    height: 400rpx;
+    width: 100%;
+    background: repeating-linear-gradient(to right, #edf4fa, #c0e4fb);
+    position: absolute;
+  }
+
+  .status_bar {
+    height: 46px;
+    width: 100%;
+  }
+
+  /* 导航栏 */
+  .nav-bar {
+    height: 44px;
+    line-height: 44px;
+    text-align: center;
+  }
+
+  .nav-title {
+    font-size: 14px;
+    font-weight: 400;
+  }
+
+  .header-container {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 4rpx 30rpx;
     box-sizing: border-box;
-    /* 保证padding不会撑大容器 */
-    min-height: 110vh;
-    overflow-y: auto;
+    position: absolute;
+    top: 85px;
+    left: 0;
+    z-index: 9999;
+  }
 
-    .nar-top {
-      height: 400rpx;
-      width: 100%;
-      // background-color: #C0E4FB;
-      background: repeating-linear-gradient(to right, #edf4fa, #c0e4fb);
-      position: absolute;
+  // 左侧区域
+  .location-area {
+    display: flex;
+    align-items: center;
+    position: relative;
+    flex: 1;
+    min-width: 0;
+
+    .location-icon {
+      width: 45rpx;
+      height: 45rpx;
+      margin-right: 12rpx;
+      flex-shrink: 0;
     }
 
-    .status_bar {
-      height: 46px;
-      width: 100%;
-    }
-
-    /* 导航栏 */
-    .nav-bar {
-      height: 44px;
-      line-height: 44px;
-      text-align: center;
-    }
-
-    .nav-title {
-      font-size: 14px;
-      font-weight: 400;
-    }
-
-    .header-container {
+    .community-selector {
       display: flex;
       align-items: center;
-      justify-content: space-between;
-      padding: 4rpx 30rpx;
-      box-sizing: border-box;
-      // border-bottom: 1rpx solid #f0f0f0;
-      position: absolute;
-      top: 85px;
-      left: 0;
-      z-index: 9999;
-    }
+      max-width: 300rpx;
+      cursor: pointer;
 
-    // 左侧区域
-    .location-area {
-      display: flex;
-      align-items: center;
-      position: relative;
-      flex: 1;
-      min-width: 0;
-
-      .location-icon {
-        width: 45rpx;
-        height: 45rpx;
-        margin-right: 12rpx;
-        flex-shrink: 0;
+      .community-name {
+        font-size: 26rpx;
+        font-weight: 500;
+        color: #000;
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        max-width: 200rpx;
       }
 
-      .community-selector {
-        display: flex;
-        align-items: center;
-        max-width: 300rpx;
-        cursor: pointer;
-
-        .community-name {
-          font-size: 26rpx;
-          font-weight: 500;
-          color: #000;
-          white-space: nowrap;
-          overflow: hidden;
-          text-overflow: ellipsis;
-          max-width: 200rpx;
-        }
-
-        .community-icon {
-          width: 20rpx;
-          height: 20rpx;
-          margin-left: 20rpx;
-          margin-top: -22rpx;
-        }
+      .community-icon {
+        width: 20rpx;
+        height: 20rpx;
+        margin-left: 20rpx;
+        margin-top: -22rpx;
       }
     }
-
-    .bannarClass {
-      position: relative;
-      top: 110px;
-      left: 0;
-      padding: 40rpx;
-    }
-
-    .swiper-box {
-      height: 300rpx;
-      border-radius: 16rpx !important;
-      overflow: hidden !important;
-    }
-
-    .swiper-item {
-      display: flex;
-      flex-direction: column;
-      justify-content: center;
-      align-items: center;
-      height: 300rpx;
-      color: #fff;
-    }
-
-    .inspectionClass {
-      position: relative;
-      top: 107px;
-      left: 0;
-      margin: 0 40rpx;
-      // height: 236rpx;
-      background: linear-gradient(to right, #7b87fa, #4d5dfa);
-      border-radius: 25rpx;
-      box-sizing: border-box;
-      padding: 30rpx;
-    }
-
-    // 消息通知栏
-    .noticeClass {
-      display: flex;
-      align-items: center;
-      height: 80rpx;
-      background: rgba(255, 255, 255, 0.1);
-      border-radius: 16rpx;
-      padding: 6rpx 20rpx;
-      margin-bottom: 30rpx;
-      border: 1rpx solid rgba(255, 255, 255, 0.1);
-    }
-
-    // 左侧“消息通知”文字
-    .notice-left {
-      margin-right: 20rpx;
-    }
-
-    .notice-icon {
-      width: 48rpx;
-      height: 48rpx;
-    }
-
-    // 右侧公告滚动区
-    .notice-right {
-      flex: 1; // 占满剩余宽度
-    }
-
-    // 深度修改uni-notice-bar样式
-    ::v-deep .uni-noticebar {
-      background-color: transparent !important;
-      height: 100% !important;
-      line-height: 80rpx !important;
-      padding: 0 !important;
-      margin: 0 !important;
-    }
-
-    // 公告文字样式
-    ::v-deep .uni-noticebar__content {
-      font-size: 26rpx !important;
-      color: #fff !important;
-      padding: 0 !important;
-    }
-
-    // 右侧箭头按钮
-    ::v-deep .uni-noticebar__more {
-      color: #fff !important;
-      font-size: 24rpx !important;
-      padding: 0 0 0 10rpx !important;
-    }
-
-    // 隐藏默认滚动动画的多余样式
-    ::v-deep .uni-noticebar__content-wrapper--scrollable {
-      left: 0 !important;
-      width: calc(100% - 30rpx) !important; // 给箭头留空间
-    }
-
-    // 统计区布局
-    .statistics-wrap {
-      display: flex;
-      justify-content: space-between;
-      align-items: center;
-      padding: 0 20rpx;
-    }
-
-    // 统计项样式
-    .statistics-item {
-      text-align: center;
-    }
-
-    .statistics-item .num {
-      font-size: 36rpx;
-      font-weight: bold;
-      color: #fff;
-      display: block;
-      line-height: 1;
-      margin-bottom: 10rpx;
-    }
-
-    .statistics-item .label {
-      font-size: 24rpx;
-      color: #fff;
-      opacity: 0.9;
-    }
-
-    .function-container {
-      background-color: #ffffff;
-      border-radius: 8rpx;
-      padding: 30rpx 20rpx;
-      box-sizing: border-box;
-      position: relative;
-      top: 123px;
-      left: 0;
-      margin: 0 40rpx;
-    }
-
-    // 功能行布局
-    .function-row {
-      display: flex;
-      align-items: center;
-      margin-bottom: 20rpx;
-
-      &:last-child {
-        margin-bottom: 0;
-      }
-    }
-
-    .function-item {
-      display: flex;
-      flex-direction: column;
-      align-items: center;
-      justify-content: center;
-      width: 25%; // 一行4个，每个占25%
-      padding: 10rpx 0;
-
-      // 第二行只有1个，单独调整宽度
-      .function-row:nth-child(2) & {
-        width: 25%; // 和第一行图标宽度保持一致
-      }
-    }
-
-    // 功能图标样式
-    .item-icon {
-      width: 88rpx;
-      height: 88rpx;
-      margin-bottom: 10rpx;
-    }
-
-    // 功能文字样式
-    .item-text {
-      font-size: 24rpx;
-      color: #333333;
-      font-weight: 400;
-      text-align: center;
-    }
   }
+
+  .bannarClass {
+    position: relative;
+    top: 110px;
+    left: 0;
+    padding: 40rpx;
+  }
+
+  .swiper-box {
+    height: 300rpx;
+    border-radius: 16rpx !important;
+    overflow: hidden !important;
+  }
+
+  .swiper-item {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    height: 300rpx;
+    color: #fff;
+  }
+
+  .inspectionClass {
+    position: relative;
+    top: 107px;
+    left: 0;
+    margin: 0 40rpx;
+    background: linear-gradient(to right, #7b87fa, #4d5dfa);
+    border-radius: 25rpx;
+    box-sizing: border-box;
+    padding: 30rpx;
+  }
+
+  // 消息通知栏
+  .noticeClass {
+    display: flex;
+    align-items: center;
+    height: 80rpx;
+    background: rgba(255, 255, 255, 0.1);
+    border-radius: 16rpx;
+    padding: 6rpx 20rpx;
+    margin-bottom: 30rpx;
+    border: 1rpx solid rgba(255, 255, 255, 0.1);
+  }
+
+  // 左侧“消息通知”文字
+  .notice-left {
+    margin-right: 20rpx;
+  }
+
+  .notice-icon {
+    width: 48rpx;
+    height: 48rpx;
+  }
+
+  // 右侧公告滚动区
+  .notice-right {
+    flex: 1;
+  }
+
+  // 深度修改uni-notice-bar样式
+  :deep(.uni-noticebar) {
+    background-color: transparent !important;
+    height: 100% !important;
+    line-height: 80rpx !important;
+    padding: 0 !important;
+    margin: 0 !important;
+  }
+
+  // 公告文字样式
+  :deep(.uni-noticebar__content) {
+    font-size: 26rpx !important;
+    color: #fff !important;
+    padding: 0 !important;
+  }
+
+  // 右侧箭头按钮
+  :deep(.uni-noticebar__more) {
+    color: #fff !important;
+    font-size: 24rpx !important;
+    padding: 0 0 0 10rpx !important;
+  }
+
+  // 隐藏默认滚动动画的多余样式
+  :deep(.uni-noticebar__content-wrapper--scrollable) {
+    left: 0 !important;
+    width: calc(100% - 30rpx) !important;
+  }
+
+  // 统计区布局
+  .statistics-wrap {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 0 20rpx;
+  }
+
+  // 统计项样式
+  .statistics-item {
+    text-align: center;
+  }
+
+  .statistics-item .num {
+    font-size: 36rpx;
+    font-weight: bold;
+    color: #fff;
+    display: block;
+    line-height: 1;
+    margin-bottom: 10rpx;
+  }
+
+  .statistics-item .label {
+    font-size: 24rpx;
+    color: #fff;
+    opacity: 0.9;
+  }
+
+  .function-container {
+    background-color: #ffffff;
+    border-radius: 8rpx;
+    padding: 30rpx 20rpx;
+    box-sizing: border-box;
+    position: relative;
+    top: 123px;
+    left: 0;
+    margin: 0 40rpx;
+  }
+
+  // 功能行布局
+  .function-row {
+    display: flex;
+    align-items: center;
+    margin-bottom: 20rpx;
+
+    &:last-child {
+      margin-bottom: 0;
+    }
+  }
+
+  .function-item {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    width: 25%;
+    padding: 10rpx 0;
+  }
+
+  // 功能图标样式
+  .item-icon {
+    width: 88rpx;
+    height: 88rpx;
+    margin-bottom: 10rpx;
+  }
+
+  // 功能文字样式
+  .item-text {
+    font-size: 24rpx;
+    color: #333333;
+    font-weight: 400;
+    text-align: center;
+  }
+}
 </style>