前端实现枚举值配置管理

1.背景 

在前端有相对固定的枚举值，多人协同开发以及为了项目的可维护性，代码规范性。进行枚举值配置管理

2.文件配置

export const enum_Mode = {
  PAN: "PAN", //平移
  BAN: "BAN", //禁用视野缩放平移
  POINT: "POINT", //	绘制点
  CIRCLE: "CIRCLE", //	绘制圆
  LINE: "LINE", //绘制线
  POLYLINE: "POLYLINE", //	绘制多段线
  RECT: "RECT", //绘制矩形
  POLYGON: "POLYGON", //绘制多边形
  DRAWMASK: "DRAWMASK", //绘制涂抹
  CLEARMASK: "CLEARMASK", //擦除涂抹
  IMAGEMASK: "IMAGEMASK", //绘制涂抹（Image形式）
};

3.具体组件使用

import { enum_Mode } from "@/components/AILabel/enum.js";

 <div class="mode" @click="changeMode(enum_Mode.RECT)">矩形标注</div>

const changeMode = (type) => {};

if (type === enum_Mode.RECT) {}

其他组件或者文件引用时，应用同样方式进行调用，保证统一性