//使用方法
/**
 * 獲取枚舉值：STATUSMAP.SH
 * 獲取枚舉描述：STATUSMAP.getDesc('SH')
 * 通過(guò)枚舉值獲取描述：STATUSMAP.getDescFromValue('TG')
 */
let STATUSMAP = createEnum({
  SH: [0, '審核中'],
  TG: [1, '審核通過(guò)'],
});
function createEnum(definition) {
  const valueMap = {};
  const descMap = {};
  for (const key of Object.keys(definition)) {
    const [value, desc] = definition[key];
    valueMap[key] = value;
    descMap[value] = desc;
  }
  return {
    ...valueMap,
    getDesc(key) {
      return (definition[key] && definition[key][1]) || '無(wú)';
    },
    getDescFromValue(value) {
      return descMap[value] || '無(wú)';
    }
  }
}
export default STATUSMAP;

import STATUSMAP from "@/enum";

//獲取枚舉值：
STATUSMAP.SH
//獲取枚舉描述：
STATUSMAP.getDesc(‘SH')
//通過(guò)枚舉值獲取描述：
STATUSMAP.getDescFromValue(‘TG')

const enums = {
// 角色
roles: {
? ? ADMINISTRATOR: '管理人員',
? ? LEADER: '隊(duì)長(zhǎng)'
? }
}
export {
? enums
? }

? ? <div class="table-detail">
? ? ? <el-table v-loading="loading" :data="list" height="222">
? ? ? ? <el-table-column label="序號(hào)" type="index">
? ? ? ? ? <template slot-scope="scope">
? ? ? ? ? ? {{ (pageNum - 1) * pageSize + scope.$index + 1 }}
? ? ? ? ? </template>
? ? ? ? </el-table-column>
? ? ? ? <el-table-column label="人員分工">
? ? ? ? ? <template slot-scope="scope">
? ? ? ? ? ? {{ enums.roles[scope.row.roles] }}
? ? ? ? ? </template>
? ? ? ? </el-table-column>
? ? ? </el-table>
? ? </div>

import { enums } from '@/utils/common'
data() {
? ? return {
? ? ? enums: enums
? ? }
? }