【ES6之对象】vue中应用——Object.assign()的使用-复制可枚举属性

【ES6之对象】vue中应用——Object.assign()的使用-复制可枚举属性

1、processCode.ts

/**
 * 流程申请状态
 */
export const CODE_TYPES = {
    '100001': '请假',
    '100002': '外出',
    '100003': '出差',
    '100004': '补卡',
    '110001': '转正',
    '110002': '调动',
    '110003': '离职',
    '110004': '招聘',
};

export const APPROVE_STATUS = {
    1: '待审批',
    2: '审批通过',
    3: '审批驳回',
    4: '审核撤销'
};

2、vue文件中使用

index.vue

<template #default="scope">
		<--3、使用-->
		{{ CODE[scope.row.code] }}
</template>

<--1、引入-->
import { CODE_TYPES } from './processCode';
<--2、定义-->
const CODE = Object.assign(CODE_TYPES);

async approve(item, value) {
router.replace({ query: { ...item, tabIdx: 1 } });

state.type = value;
await api.getDetails(item);
	//审批
	switch (CODE_TYPES[item.code]) {
        case '旷工申诉':
        state.activeComponent = 'AbsenteeismComplaint';
        break;
        case '招聘':
        state.activeComponent = 'Recruit';
        break;
        case '报销':
        state.activeComponent = 'Reimbursement';
        break;
        case '调动':
        state.activeComponent = 'Transfer';
        break;
        case '加班':
        state.activeComponent = 'Worktime';
        break;
    }
},

return {
    ...toRefs(res),
    CODE,
}