fix: 优化换货

components/UserInfoCard.vue

@@ -1,13 +1,11 @@
 <template>
 	<view class="card user-info-card interactive">
 		<view class="flex-row-g20">
-<!-- 			<view class="user-avatar">
-				<image :src="avatarUrl" mode="aspectFill" alt="用户头像" />
-			</view> -->
 			<view class="user-details flex-col-g8">
 				<view class="flex-row-g20">
 					<view class="title">{{ currentCardNo || '-' }}</view>
 				</view>
+				<view class="caption">ICCID: {{ deviceInfo.iccid || '-' }}</view>
 				<view class="caption">套餐名称：{{ deviceInfo.packageName || '-' }}</view>
 				<view class="caption">套餐到期时间：{{ deviceInfo.expireDate || '-' }}</view>
 			</view>
@@ -22,11 +20,6 @@
 </template>
 
 <script setup>
-	import { computed } from 'vue';
-	import { useUserStore } from '@/store/index.js';
-
-	const userStore = useUserStore();
-
 	defineProps({
 		currentCardNo: { type: String, default: '' },
 		deviceInfo: { type: Object, default: () => ({}) },
@@ -34,32 +27,12 @@
 		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';
-
-	const avatarUrl = computed(() => {
-		return userStore.state.userInfo.avatar || defaultAvatar;
-	});
 </script>
 
 <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;
-			}
-		}
-
 		.user-details {
 			flex: 1;
 		}