🔍 调试步骤
第一步:检查控制台日志
- 打开浏览器开发者工具 (F12)
- 切换到 Console 标签页
- 清空控制台日志
- 进入管理员页面 → 用户视图
- 选择一个用户,观察日志输出
第二步:查看用户机构数据
在控制台中查找以下日志:
=== 用户机构数据调试 ===
用户ID: [用户ID]
用户名: [用户名]
获取到的机构数量: [数量]
机构 1: {
id: "inst_xxx",
institutionId: "001",
name: "机构名称",
ownerId: "user_xxx",
hasImages: true/false,
imageCount: [数量],
images: [...]
}
第三步:检查图片数据结构
重点关注每个图片对象的结构:
图片 1 原始数据: {
id: "img_xxx",
name: "图片名称.jpg",
hasUrl: true/false, ← 关键检查点
urlType: "string",
urlLength: [长度],
size: [文件大小],
uploadTime: "2024-xx-xx"
}
第四步:尝试导出并观察详细日志
点击"导出用户数据 → ZIP图片包",观察详细处理日志:
=== 开始处理机构和图片数据 ===
导出数据结构: {...}
--- 处理机构: [机构名] ---
机构详细信息: {...}
处理图片 1/[总数]: [图片名]
✅ 已添加图片: [路径] 或 ❌ 图片缺少URL数据
🛠️ 手动检查方法
方法1:直接检查localStorage
在浏览器控制台中执行:
// 检查存储的机构数据
const institutions = JSON.parse(localStorage.getItem('score_system_institutions') || '[]')
console.log('所有机构:', institutions)
// 检查特定用户的机构
const userId = 'your_user_id' // 替换为实际用户ID
const userInstitutions = institutions.filter(inst => inst.ownerId === userId)
console.log('用户机构:', userInstitutions)
// 检查图片数据
userInstitutions.forEach(inst => {
console.log(`机构 ${inst.name}:`)
if (inst.images) {
inst.images.forEach((img, index) => {
console.log(` 图片 ${index + 1}:`, {
name: img.name,
hasUrl: !!img.url,
urlLength: img.url ? img.url.length : 0
})
})
}
})
方法2:检查数据存储函数
在控制台中测试数据存储:
// 获取数据存储实例
const dataStore = window.dataStore || app.config.globalProperties.$dataStore
// 检查用户机构
const userId = 'your_user_id'
const institutions = dataStore.getInstitutionsByUserId(userId)
console.log('通过dataStore获取的机构:', institutions)
// 检查每个机构的图片
institutions.forEach(inst => {
console.log(`机构 ${inst.name} 的图片:`, inst.images)
})