Vue3的一些使用心得

96 阅读1分钟

enum的使用

// 对于一些定值 可以使用 enum来进行定义
enum OrderTypeCode {
  DIGITAL_ORDER= 1, // 数字订单
  SERVICE_ORDER = 2, // 数字订单
  COLLECTION_ORDER_FRONT = 3, // 征稿订单-支付定金
  COLLECTION_ORDER_FINAL = 4, // 征稿订单-支付尾款
  OPTIMIZATION_ORDER = 5, // 聚星优选订单
}
// 则对应的一些含义定值则可以通过这种方式展示 如果有任何修改也只需要修改enum中的值就好了 不需要再改动其他
const orderTypeMap: Record<string, any> = {
  [OrderTypeCode.DIGITAL_ORDER]: { url: '/order/digital-order', desc: '数字订单' },
  [OrderTypeCode.SERVICE_ORDER]: { url: '/order/service-order', desc: '服务订单' },
  [OrderTypeCode.COLLECTION_ORDER_FRONT]: { url: '/order/collection-order', desc: '征稿订单' },
  [OrderTypeCode.COLLECTION_ORDER_FINAL]: { url: '/order/collection-order', desc: '征稿订单' },
  [OrderTypeCode.OPTIMIZATION_ORDER]: { url: '/order/optimization-order', desc: '聚星优选' },
};
const orderTypeOptionsMap: Record<string, Array<number>> = {
  digital: [OrderTypeCode.DIGITAL_ORDER],
  service: [OrderTypeCode.SERVICE_ORDER],
  collection: [OrderTypeCode.COLLECTION_ORDER_FRONT, OrderTypeCode.COLLECTION_ORDER_FINAL],
  optimization: [OrderTypeCode.OPTIMIZATION_ORDER],
};