feat(home-new): 新增设备定检提醒功能，对接后端接口替换静态数据

1. 新增设备台账列表API接口
2. 改造首页定检组件，从静态数据改为后端获取并按需显示空状态
3. 改造定检详情页面，支持分页筛选和动态数据加载
4. 调整组件样式和判断逻辑适配真实接口数据

src/api/home-new/home-new.js

@@ -139,3 +139,12 @@ export function getPushMessage(query) {
     params: query
   })
 }
+
+//查询设备台账列表全量
+export function getDeviceList(query) {
+  return request({
+    url: '/equipment/ledger/notice',
+    method: 'get',
+    params: query
+  })
+}

src/pages/home-new/components/selfCheck.vue

@@ -7,7 +7,7 @@
 
         <view class="self-check-content">
             <!-- 已过期定检提醒 -->
-            <view class="check-section">
+            <view class="check-section" v-if="expiredItems.length > 0">
                 <view class="section-header">
                     <text class="section-title">已过期定检提醒</text>
                     <text class="view-more" @click="goToSelfCheckPage('expired')">查看更多</text>
@@ -29,7 +29,7 @@
             </view>
 
             <!-- 两周内到期提醒 -->
-            <view class="check-section">
+            <view class="check-section" v-if="twoWeeksItems.length > 0">
                 <view class="section-header">
                     <text class="section-title">两周内到期提醒</text>
                     <text class="view-more" @click="goToSelfCheckPage('twoWeeks')">查看更多</text>
@@ -51,7 +51,7 @@
             </view>
 
             <!-- 一月内检到期提醒 -->
-            <view class="check-section">
+            <view class="check-section" v-if="oneMonthItems.length > 0">
                 <view class="section-header">
                     <text class="section-title">一月内检到期提醒</text>
                     <text class="view-more" @click="goToSelfCheckPage('oneMonth')">查看更多</text>
@@ -76,32 +76,68 @@
 </template>
 
 <script>
+import { getDeviceList } from "@/api/home-new/home-new";
+
 export default {
     name: 'SelfCheck',
     data() {
         return {
             // 已过期定检数据
-            expiredItems: [
-                { name: '设备名称', serialNumber: '设备序列号', location: '设备位置', role: '组长、组员、组员', date: '2026-06-10' },
-                { name: '设备名称', serialNumber: '设备序列号', location: '设备位置', role: '组长、组员、组员', date: '2026-06-10' }
-            ],
+            expiredItems: [],
             // 两周内到期数据
-            twoWeeksItems: [
-                { name: '设备名称', serialNumber: '设备序列号', location: '设备位置', role: '组长、组员、组员', date: '2026-06-10' },
-                { name: '设备型号', serialNumber: '设备序列号', location: '设备位置', role: '组长、组员、组员', date: '2026-06-10' }
-            ],
+            twoWeeksItems: [],
             // 一月内到期数据
-            oneMonthItems: [
-                { name: '设备型号', serialNumber: '设备序列号', location: '设备位置', role: '组长、组员、组员', date: '2026-06-10' },
-                { name: '设备型号', serialNumber: '设备序列号', location: '设备位置', role: '组长、组员、组员', date: '2026-06-10' }
-            ]
+            oneMonthItems: []
         }
     },
+    mounted() {
+        this.fetchDeviceList();
+    },
     methods: {
         goToSelfCheckPage(tab) {
             uni.navigateTo({
                 url: `/pages/selfCheck/index?tab=${tab}`
             });
+        },
+        fetchDeviceList() {
+            // 分别请求三种颜色的数据
+            Promise.all([
+                getDeviceList({ colorType: 'RED' }),      // 已过期 - 红色
+                getDeviceList({ colorType: 'ORANGE' }),   // 两周内到期 - 橙色
+                getDeviceList({ colorType: 'YELLOW' })     // 一月内到期 - 黄色
+            ]).then(results => {
+                // 处理红色数据（已过期）
+                if (results[0].code === 200) {
+                    this.expiredItems = (results[0].data || []).slice(0, 2).map(item => this.formatDeviceItem(item));
+                }
+                // 处理橙色数据（两周内到期）
+                if (results[1].code === 200) {
+                    this.twoWeeksItems = (results[1].data || []).slice(0, 2).map(item => this.formatDeviceItem(item));
+                }
+                // 处理黄色数据（一月内到期）
+                if (results[2].code === 200) {
+                    this.oneMonthItems = (results[2].data || []).slice(0, 2).map(item => this.formatDeviceItem(item));
+                }
+            }).catch(err => {
+                console.error('获取设备列表失败', err);
+            });
+        },
+        formatDeviceItem(item) {
+            return {
+                name: item.equipmentName || '空',
+                serialNumber: item.equipmentCode || '空',
+                location: item.installationLocation || '空',
+                role:`${item.inspectionTeamLeaderName || ''}、${item.inspectionTeamMember1Name || ''}、${item.inspectionTeamMember2Name || ''}`|| '空',
+                date: this.formatDate(item.nextInspectionDueDate)|| '空'
+            };
+        },
+        formatDate(dateStr) {
+            if (!dateStr) return '';
+            const date = new Date(dateStr);
+            const year = date.getFullYear();
+            const month = String(date.getMonth() + 1).padStart(2, '0');
+            const day = String(date.getDate()).padStart(2, '0');
+            return `${year}-${month}-${day}`;
         }
     }
 }
@@ -183,18 +219,18 @@ export default {
 }
 
 .item-indicator.expired {
-    background-color: #8c3c34;
-    height: 60px;
+    background-color: #FF0000;
+    height: 48px;
 }
 
 .item-indicator.urgent {
-    background-color: #ff291f;
-    height: 60px;
+    background-color: #FFA500;
+    height: 48px;
 }
 
 .item-indicator.normal {
-    background-color: #b97c45;
-    height: 60px;
+    background-color: #FFD700;
+    height: 48px;
 }
 
 .item-content {

src/pages/home-new/index.vue

@@ -36,7 +36,7 @@
             <MessagePush ref="messagePush" />
 
             <!-- 当 currentDepartment === '设备维修中心' 时显示 SelfCheck 组件 -->
-            <SelfCheck v-if="currentDepartment === '设备维修中心'" />
+            <SelfCheck v-if="this.userInfo.includes('设备维修中心')" />
 
             <!-- 当 currentDepartment !== '设备维修中心' 时显示原内容 -->
             <template v-else>

src/pages/selfCheck/index.vue

@@ -1,5 +1,5 @@
 <template>
-    <home-container>
+    <home-container :customStyle="{ background: 'none',padding: '0' }" >
         <view class="self-check-page">
             <!-- 标签页区域 -->
             <view class="tabs-section">
@@ -19,13 +19,13 @@
                             <text class="card-label">{{ item.serialNumber }}</text>
                             <text class="card-date">{{ item.date }}</text>
                         </view>
-                        <view class="card-row">
+                        <view class="card-row" style="justify-content: flex-start;">
                             <text class="card-label">{{ item.location }}</text>
-                            <text class="card-role">{{ item.role }}</text>
+                            <text class="card-role" style="margin-left: 10px;">{{ item.role }}</text>
                         </view>
                     </view>
-                    <view :class="['status-tag', getStatusClass(item.status)]">
-                        {{ item.statusText }}
+                    <view :class="['status-tag', getStatusClass(item.colorType)]">
+                        {{ getStatusText(item.colorType) }}
                     </view>
                 </view>
             </view>
@@ -35,6 +35,7 @@
 
 <script>
 import HomeContainer from "@/components/HomeContainer.vue";
+import { getDeviceList } from "@/api/home-new/home-new";
 
 export default {
     name: 'SelfCheckPage',
@@ -43,42 +44,17 @@ export default {
     },
     data() {
         return {
-            currentTab: 'oneMonth',
+            currentTab: 'all',
             tabs: [
                 { label: '全部', value: 'all' },
                 { label: '两周临期', value: 'twoWeeks' },
                 { label: '一月临期', value: 'oneMonth' },
                 { label: '已过期', value: 'expired' }
             ],
-            allItems: [
-                { 
-                    name: '设备名称', 
-                    serialNumber: '设备序列号', 
-                    location: '设备位置', 
-                    role: '组长、组员、组员', 
-                    date: '2026-06-10', 
-                    status: 'expired',
-                    statusText: '已过期'
-                },
-                { 
-                    name: '设备型号', 
-                    serialNumber: '设备序列号', 
-                    location: '设备位置', 
-                    role: '组长、组员、组员', 
-                    date: '2026-06-10', 
-                    status: 'twoWeeks',
-                    statusText: '两周临期'
-                },
-                { 
-                    name: '设备型号', 
-                    serialNumber: '设备序列号', 
-                    location: '设备位置', 
-                    role: '组长、组员、组员', 
-                    date: '2026-06-10', 
-                    status: 'oneMonth',
-                    statusText: '一月临期'
-                }
-            ]
+            allItems: [],
+            redItems: [],
+            orangeItems: [],
+            yellowItems: []
         }
     },
     onLoad(options) {
@@ -86,30 +62,110 @@ export default {
         if (options && options.tab) {
             this.currentTab = options.tab;
         }
+        this.fetchDeviceList();
     },
     computed: {
         filteredItems() {
-            if (this.currentTab === 'all') {
-                return this.allItems;
+            switch(this.currentTab) {
+                case 'all':
+                    return this.allItems;
+                case 'expired':
+                    return this.redItems;
+                case 'twoWeeks':
+                    return this.orangeItems;
+                case 'oneMonth':
+                    return this.yellowItems;
+                default:
+                    return [];
             }
-            return this.allItems.filter(item => item.status === this.currentTab);
         }
     },
     methods: {
         switchTab(tabValue) {
             this.currentTab = tabValue;
+            this.fetchDeviceList();
         },
-        getStatusClass(status) {
-            switch(status) {
-                case 'expired':
+        getStatusClass(colorType) {
+            switch(colorType) {
+                case 'RED':
                     return 'expired';
-                case 'twoWeeks':
+                case 'ORANGE':
                     return 'urgent';
-                case 'oneMonth':
+                case 'YELLOW':
                     return 'normal';
                 default:
                     return '';
             }
+        },
+        getStatusText(colorType) {
+            switch(colorType) {
+                case 'RED':
+                    return '已过期';
+                case 'ORANGE':
+                    return '两周临期';
+                case 'YELLOW':
+                    return '一月临期';
+                default:
+                    return '';
+            }
+        },
+        fetchDeviceList() {
+            // 根据当前 tab 请求不同的接口
+            let colorType = '';
+            switch(this.currentTab) {
+                case 'all':
+                    colorType = 'MIXED';
+                    break;
+                case 'expired':
+                    colorType = 'RED';
+                    break;
+                case 'twoWeeks':
+                    colorType = 'ORANGE';
+                    break;
+                case 'oneMonth':
+                    colorType = 'YELLOW';
+                    break;
+            }
+            
+            getDeviceList({ colorType }).then(res => {
+                if (res.code === 200) {
+                    const data = res.data || [];
+                    switch(this.currentTab) {
+                        case 'all':
+                            this.allItems = data.map(item => this.formatDeviceItem(item));
+                            break;
+                        case 'expired':
+                            this.redItems = data.map(item => this.formatDeviceItem(item));
+                            break;
+                        case 'twoWeeks':
+                            this.orangeItems = data.map(item => this.formatDeviceItem(item));
+                            break;
+                        case 'oneMonth':
+                            this.yellowItems = data.map(item => this.formatDeviceItem(item));
+                            break;
+                    }
+                }
+            }).catch(err => {
+                console.error('获取设备列表失败', err);
+            });
+        },
+        formatDeviceItem(item) {
+            return {
+                name: item.equipmentName || '空',
+                serialNumber: item.equipmentCode || '空',
+                location: item.installationLocation || '空',
+                role: `${item.inspectionTeamLeaderName || ''}、${item.inspectionTeamMember1Name || ''}、${item.inspectionTeamMember2Name || ''}` || '空',
+                date: this.formatDate(item.nextInspectionDueDate) || '空',
+                colorType: item.colorType || 'YELLOW'
+            };
+        },
+        formatDate(dateStr) {
+            if (!dateStr) return '';
+            const date = new Date(dateStr);
+            const year = date.getFullYear();
+            const month = String(date.getMonth() + 1).padStart(2, '0');
+            const day = String(date.getDate()).padStart(2, '0');
+            return `${year}-${month}-${day}`;
         }
     }
 }
@@ -211,17 +267,22 @@ export default {
 }
 
 .status-tag.expired {
-    background-color: #e8c8c7;
-    color: #8c3c34;
+    background-color: #FF0000;
+    color: #fff;
 }
 
 .status-tag.urgent {
-    background-color: #ffd1d0;
-    color: #ff291f;
+    background-color: #FFA500;
+    color: #fff;
 }
 
 .status-tag.normal {
-    background-color: #e8d4bc;
-    color: #b97c45;
+    background-color: #FFD700;
+    color: #333;
 }
 </style>
+
+
+
+
+