fix: 修改布局UI

components/DeviceStatusCard.vue

@@ -17,7 +17,8 @@
 			</view>
 			<view class="info-row flex-row-sb">
 				<view class="info-label">
-					<view class="subtitle">到期时间：{{ deviceInfo.expireDate }}</view>
+					<view class="subtitle" v-if="isDevice">IMEI：{{ deviceInfo.imei || '-' }}</view>
+					<view class="subtitle" v-else>手机号：{{ deviceInfo.bound_phone || '-' }}</view>
 				</view>
 				<view class="info-values flex-row-g20">
 					<view class="tag-apple tag-primary">{{ statusText }}</view>
@@ -47,6 +48,7 @@
 	const props = defineProps({
 		deviceInfo: { type: Object, default: () => ({}) },
 		isRealName: { type: Boolean, default: false },
+		isDevice: { type: Boolean, default: true },
 		opratorList: { type: Array, default: () => [] }
 	});
 

components/UserInfoCard.vue

@@ -8,8 +8,7 @@
 				<view class="flex-row-g20">
 					<view class="title">{{ currentCardNo || '-' }}</view>
 				</view>
-				<view class="caption" v-if="isDevice">IMEI：{{ deviceInfo.imei || '-' }}</view>
-				<view class="caption" v-else>手机号：{{ deviceInfo.bound_phone || '-' }}</view>
+				<view class="caption">到期时间：{{ deviceInfo.expireDate || '-' }}</view>
 			</view>
 			<view v-if="isDevice" class="tag-apple" :class="onlineStatus === '在线' ? 'tag-success' : 'tag-warning'">
 				{{ onlineStatus }}