fix:修复图片不展示

src/views/production-safety/safetyTrainingAndEducation/employeeTrainingRecordCardManagement/components/employeeTrainingRecordCardManagementDetail.vue

@@ -44,7 +44,7 @@
 
           <el-descriptions-item label="职称">{{ employeeDetail.professionalTitle }}</el-descriptions-item>
           <el-descriptions-item label="照片">
-            <img :src="employeeDetail.staffImg" v-if="employeeDetail.staffImg" alt="" />
+            <img :src="employeeDetail.staffImg" style="width:80px;height: 80px;" v-if="employeeDetail.staffImg" alt="" />
             <div class="photo-placeholder" v-else></div>
           </el-descriptions-item>
         </el-descriptions>
@@ -115,10 +115,12 @@
       const res = await getEducationStaffTrainingCardDetail(currentId.value);
       if (res) {
         // 映射接口字段到表单字段
+        res.staffImg = res.staffImg ? JSON.parse(res.staffImg)[0].url : ''
+        // console.log(res.staffImg)
         Object.assign(employeeDetail, res);
       }
     } catch (e) {
-      console.error('获取物品库存详情失败:', e);
+      console.error('获取详情失败:', e);
       ElMessage.error('获取详情失败');
     }
   };