状态枚举-状态枚举

状态枚举

注：仅做个人记录

1、enum文件中：

export enum changeNum {
  /**
   * 待审核
   */
  PendingReview = 1,

  /**
   * 审核中
   */
  UnderReview = 2,

  /**
   * 已同意
   */
  AgreedTo = 3,

  /**
   * 已拒绝
   */
  Rejected = 4,
};

//changeNum对应的状态文字
const changeNumDescriptions = {
  [changeNum.PendingReview]: '待审核',
  [changeNum.UnderReview]: '审核中',
  [changeNum.AgreedTo]: '已同意',
  [changeNum.Rejected]: '已拒绝',
};

export const getChangeNumType = function (operateType: number) {
  return changeNumDescriptions[operateType] || '未知状态';
}

2、 引入：

import { getChangeNumType } from "@/types/enum";

3、 方法中：

  methods: {
    changeNum(status) {
      return getChangeNumType(status);
    }
 }

4、结构中：

<el-table-column prop="status" label="状态">
    <template #default="{ row }">
        {{ changeNum(row.status) }}
    </template>
</el-table-column>