工单 告警 报事 修改

pages/sys/user/myRepair/addRepair.vue

@@ -101,7 +101,6 @@
 					this.realSubmit()
 					return
 				}
-				console.log("t1", this.selectedImages)
 				const images = this.selectedImages
 					.map(item => item?.path?.replace('file://', '') || item?.url || null)
 					.filter(path => path !== null);

pages/sys/user/myVisitor/myVisitor.vue

@@ -9,19 +9,27 @@
 			</view>
 		</view>
 		<!-- 列表区 -->
-		<view class="visitor-list">
-			<view v-for="(item, idx) in list" :key="idx" class="visitor-card" @click="showVisitorDetail(item)">
-				<view class="card-row">
-					<view class="card-type">{{ item.visitorUnit }}</view>
-					<view class="card-status" :class="getStatusColor(item.serveStatus)">{{ getStatusLabel(item.serveStatus) }}</view>
+		<view class="visitor-list-container">
+			<scroll-view 
+				v-for="(tab, idx) in tabs" 
+				:key="idx"
+				v-show="idx === activeTab"
+				class="visitor-list" 
+				scroll-y
+				:refresher-enabled="false">
+				<view v-for="(item, index) in tabData[idx]" :key="index" class="visitor-card" @click="showVisitorDetail(item)">
+					<view class="card-row">
+						<view class="card-type">{{ item.visitorUnit }}</view>
+						<view class="card-status" :class="getStatusColor(item.serveStatus)">{{ getStatusLabel(item.serveStatus) }}</view>
+					</view>
+					<view class="card-info">{{ item.visitorName }}
+						<text class="card-phone">{{ item.visitorPhone }}</text>
+						<text class="card-divider"></text>
+						<text class="card-address">{{ item.visitorUnit }}</text>
+					</view>
+					<view class="card-time">{{ item.createTime }}</view>
 				</view>
-				<view class="card-info">{{ item.visitorName }}
-					<text class="card-phone">{{ item.visitorPhone }}</text>
-					<text class="card-divider"></text>
-					<text class="card-address">{{ item.visitorUnit }}</text>
-				</view>
-				<view class="card-time">{{ item.createTime }}</view>
-			</view>
+			</scroll-view>
 		</view>
 		<!-- 底部按钮 -->
 		<button class="visitor-btn-fixed" @click="goCreateVisitor">访客邀约</button>
@@ -70,7 +78,7 @@
 			}
 		},
 		created() {
-			this.loadTabData(this.activeTab); // 初始化加载当前tab数据
+			this.loadAllTabsData(); // 预加载所有标签页数据
 		},
 		methods: {
 			goBack() {
@@ -84,9 +92,12 @@
 
 			async changeTab(idx) {
 				this.activeTab = idx;
+				// 移除切换标签时的加载逻辑，避免重复调用接口
+				/*
 				if (!this.tabLoaded[idx]) {
 					await this.loadTabData(idx);
 				}
+				*/
 			},
 			async loadTabData(idx) {
 				this.loading = true;
@@ -109,6 +120,13 @@
 				this.$set(this.tabLoaded, idx, true);
 				this.loading = false;
 			},
+			async loadAllTabsData() {
+				for (let i = 0; i < this.tabs.length; i++) {
+					if (!this.tabLoaded[i]) {
+						await this.loadTabData(i);
+					}
+				}
+			},
 			showVisitorDetail(item) {
 				this.detailData = item;
 				this.showDetail = true;
@@ -134,6 +152,19 @@
 					3: '已完成'
 				};
 				return statusMap[status] || '';
+			},
+			
+			// 添加预加载所有标签页数据的方法
+			async loadAllTabsData() {
+				// 并行加载所有标签页数据，提高加载速度
+				const loadPromises = [0, 1, 2].map((index) => {
+					return this.loadTabData(index);
+				});
+				
+				await Promise.all(loadPromises);
+				
+				// 标记所有标签页已加载
+				this.tabLoaded = [true, true, true];
 			}
 		}
 	}
@@ -145,6 +176,7 @@
 		background: #f7f7f7;
 		display: flex;
 		flex-direction: column;
+		overflow: hidden;
 	}
 	
 	.visitor-tabs {
@@ -157,6 +189,15 @@
 		flex-shrink: 0;
 		/* 防止被压缩 */
 	}
+	
+	.visitor-list-container {
+		flex: 1;
+		position: relative;
+		margin: 25rpx 0 0 0;
+		padding: 0 35rpx;
+		padding-bottom: 200rpx;
+		/* 为底部按钮留出空间 */
+	}
 
 	.visitor-tab {
 		flex: 1;
@@ -185,14 +226,17 @@
 	}
 
 	.visitor-list {
-		margin: 25rpx 0 0 0;
+		position: absolute;
+		top: 0;
+		left: 0;
+		right: 0;
+		bottom: 0;
 		padding: 0 35rpx;
-		flex: 1;
-		/* 占据所有剩余空间 */
 		overflow-y: auto;
-		/* 内容超出时，开启垂直滚动 */
 		padding-bottom: 200rpx;
 		/* 为底部按钮留出空间 */
+		height: calc(100vh - 80rpx - 32rpx - 80rpx); /* 减去顶部tab区域和底部按钮高度 */
+		box-sizing: border-box;
 	}
 
 	.visitor-card {