fix:将侧边栏兼容移动端

src/views/product/ProductList.vue

@@ -500,12 +500,26 @@ const fetchProductList = async () => {
       // 计算未删除数据的总数（API返回的all_count包含已删除的，需要减去已删除的数量）
       const deletedCount = allData.filter(item => item.delete == true).length
       total.value = (res.data.data.data.length || 0) - deletedCount
-      productList.value = productList.value.map(item => {
-        item.image = item.coverId ? getFileDetail({ file_id: item.coverId }).then(res => res.data.data.url) : ''
+      
+      // 异步获取所有商品的封面图片
+      const imagePromises = productList.value.map(async (item) => {
+        if (item.coverId) {
+          try {
+            const fileRes = await getFileDetail({ file_id: item.coverId })
+            item.image = fileRes.data?.data?.url || ''
+          } catch (error) {
+            console.error('获取商品图片失败:', error)
+            item.image = ''
+          }
+        } else {
+          item.image = ''
+        }
         return item
       })
+      
+      // 等待所有图片加载完成
+      await Promise.all(imagePromises)
       console.log('productList', productList.value)
-
     }
   } catch (error) {
     ElMessage.error('获取商品列表失败')