需要将列表的某一列做成字典显示，效果：

添加字典

一、进入字典管理页面

1. 登录若依管理系统后，找到并点击 “系统管理” 菜单。
2. 在 “系统管理” 菜单下，点击 “字典管理” 选项，进入字典管理页面

二、添加字典类型

1. 点击 “新增” 按钮
   • 在字典管理页面，找到左上角的 “新增” 按钮并点击。
2. 填写字典类型信息
   • 字典名称：输入要创建的字典类型的名称，例如 “设备状态字典”。
   • 字典类型：输入一个唯一标识该字典类型的代码，例如 “equip_status_dict”。
   • 状态：选择 “正常” 或 “禁用” 来设置字典类型的状态。通常选择 “正常”。
   • 备注（可选）：可以输入一些关于该字典类型的描述信息。
3. 点击 “确定” 按钮
   • 填写完信息后，点击 “确定” 按钮保存字典类型。

三、添加字典数据

1. 在字典类型列表中找到新建的字典类型
   • 在字典管理页面的列表中找到刚才新建的字典类型（如 “设备状态字典”），点击其对应的 “修改” 按钮。
2. 进入字典数据管理页面
   • 点击 “修改” 后会进入该字典类型的数据管理页面。
3. 点击 “新增” 按钮
   • 在字典数据管理页面，找到左上角的 “新增” 按钮并点击。
4. 填写字典数据信息
   • 字典标签：输入字典数据的显示名称，例如 “正常”。
   • 字典值：输入字典数据的对应值，例如 “1”。
   • 状态：选择 “正常” 或 “禁用” 来设置字典数据的状态。通常选择 “正常”。
   • 排序：可以设置字典数据的排序值。
   • 备注：可以输入一些关于该字典数据的描述信息。
5. 点击 “确定” 按钮
   • 填写完信息后，点击 “确定” 按钮保存字典数据。

使用字典

        1.export default下引用字典类型

dicts: [ ' 你的字典类型 ' ] 

2. 修改表格列表

在原有的列中添加dict-tag标签

​
      <el-table-column label="设备状态" align="center" prop="equipDataStatus" >
        <template  slot-scope="scope">
          <dict-tag
            :options="dict.type.equip_data_status"
            :value="scope.row.equipDataStatus"
            ></dict-tag>
        </template>
      </el-table-column>

​

:option="dict.type.你的字典类型名"

:value="scope.row.当前列的prop值"