feat: 7月迭代

components/UserInfoCard.vue

@@ -6,7 +6,10 @@
 					<view class="title">{{ currentCardNo || '-' }}</view>
 				</view>
 				<view class="caption">套餐名称：{{ deviceInfo.packageName || '-' }}</view>
-				<view class="caption">套餐到期时间：{{ deviceInfo.expireDate || '-' }}</view>
+				<view class="caption" :class="{ 'expiry-warning': isExpiring }">
+					套餐到期时间：{{ deviceInfo.expireDate || '-' }}
+					<text v-if="isExpiring && expiryDays !== null">（剩余 {{ expiryDays }} 天）</text>
+				</view>
 			</view>
 			<view v-if="isDevice" class="tag-apple" :class="onlineStatus === '在线' ? 'tag-success' : 'tag-warning'">
 				{{ onlineStatus }}
@@ -24,7 +27,9 @@
 		deviceInfo: { type: Object, default: () => ({}) },
 		onlineStatus: { type: String, default: '离线' },
 		networkStatus: { type: [String, Number], default: '离线' },
-		isDevice: { type: Boolean, default: true }
+		isDevice: { type: Boolean, default: true },
+		isExpiring: { type: Boolean, default: false },
+		expiryDays: { type: [Number, String], default: null }
 	});
 
 </script>
@@ -33,6 +38,8 @@
 	.user-info-card {
 		color: var(--text-primary);
 
+		.expiry-warning { color: var(--danger); }
+
 		.user-details {
 			flex: 1;
 		}