hzdyjs/docs/变更管理/code-adjust-record-2025-07-03-frontend-wuzilong.md

前端代码调整记录

日期：2025-07-03 17:32:46

开发人员：wuzilong

修改内容：修复班级类型显示问题

问题描述

班级类型的值显示了数字 4，但是没有显示成 "技师"。

问题原因

班级类型 classType 在后端可能以字符串形式返回，而前端格式化函数 formatClassType 使用数字索引进行映射，导致字符串类型的值（如 "4"）无法正确匹配到对应文本。

修改方案

修改 formatClassType 函数，确保能够处理字符串和数字类型的值。

修改文件

• web/src/views/classmsg/classMsg/index.vue

代码变更

// 修改前
const formatClassType = (value: number) => {
  const map = {
    1: '中级工',
    2: '高级工',
    3: '预备技师',
    4: '技师',
    5: '中高职一体'
  };
  return map[value] || value;
};

// 修改后
const formatClassType = (value: number | string) => {
  const map = {
    '1': '中级工',
    '2': '高级工',
    '3': '预备技师',
    '4': '技师',
    '5': '中高职一体'
  };
  return map[value] || value;
};

测试验证

修改后，班级类型值为 4 或 "4" 都能正确显示为 "技师"。