fix: 过期时间

components/UserInfoCard.vue

@@ -8,6 +8,7 @@
 				<view class="flex-row-g20">
 					<view class="title">{{ currentCardNo || '-' }}</view>
 				</view>
+				<view class="caption">套餐名称：{{ deviceInfo.packageName || '-' }}</view>
 				<view class="caption">套餐到期时间：{{ deviceInfo.expireDate || '-' }}</view>
 			</view>
 			<view v-if="isDevice" class="tag-apple" :class="onlineStatus === '在线' ? 'tag-success' : 'tag-warning'">
@@ -30,14 +31,12 @@
 		currentCardNo: { type: String, default: '' },
 		deviceInfo: { type: Object, default: () => ({}) },
 		onlineStatus: { type: String, default: '离线' },
-		networkStatus: { type: String, default: '离线' },
+		networkStatus: { type: [String, Number], default: '离线' },
 		isDevice: { type: Boolean, default: true }
 	});
 
-	// 默认头像
 	const defaultAvatar = 'https://img1.baidu.com/it/u=2462918877,1866131262&fm=253&fmt=auto&app=138&f=JPEG?w=506&h=500';
 
-	// 用户头像，优先使用 store 中的头像，否则使用默认头像
 	const avatarUrl = computed(() => {
 		return userStore.state.userInfo.avatar || defaultAvatar;
 	});
@@ -46,14 +45,23 @@
 <style scoped lang="scss">
 	.user-info-card {
 		color: var(--text-primary);
+
 		.user-avatar {
 			width: 80rpx;
 			height: 80rpx;
 			border-radius: var(--radius-medium);
 			overflow: hidden;
 			border: 2rpx solid var(--border-light);
-			image { width: 100%; height: 100%; object-fit: cover; }
+
+			image {
+				width: 100%;
+				height: 100%;
+				object-fit: cover;
+			}
+		}
+
+		.user-details {
+			flex: 1;
 		}
-		.user-details { flex: 1; }
 	}
 </style>