64 lines
2.2 KiB
Vue
64 lines
2.2 KiB
Vue
<template>
|
||
<div>
|
||
<div style="display: flex; justify-content: space-between">
|
||
<div>
|
||
<el-button v-if="submitButtonShow" :loading="props.buttonLoading" type="info" @click="submitForm('draft')">暂存</el-button>
|
||
<el-button v-if="submitButtonShow" :loading="props.buttonLoading" type="primary" @click="submitForm('submit')">提 交</el-button>
|
||
<el-button v-if="approvalButtonShow" :loading="props.buttonLoading" type="primary" @click="approvalVerifyOpen">审批</el-button>
|
||
<el-button v-if="props.id && props.status !== 'draft'" type="primary" @click="handleApprovalRecord">流程进度</el-button>
|
||
<slot />
|
||
</div>
|
||
<div>
|
||
<el-button style="float: right" @click="goBack()">返回</el-button>
|
||
</div>
|
||
</div>
|
||
<h3 v-if="props.projectName" class="text-lg font-semibold text-gray-800">项目名称：{{ props.projectName }}</h3>
|
||
</div>
|
||
</template>
|
||
<script setup lang="ts">
|
||
import { propTypes } from '@/utils/propTypes';
|
||
const { proxy } = getCurrentInstance() as ComponentInternalInstance;
|
||
const route = useRoute();
|
||
const router = useRouter();
|
||
|
||
const props = defineProps({
|
||
status: propTypes.string.def(''),
|
||
pageType: propTypes.string.def(''),
|
||
buttonLoading: propTypes.bool.def(false),
|
||
id: propTypes.string.def('') || propTypes.number.def(),
|
||
projectName: propTypes.string.def('')
|
||
});
|
||
const emits = defineEmits(['submitForm', 'approvalVerifyOpen', 'handleApprovalRecord']);
|
||
//暂存，提交
|
||
const submitForm = async (type) => {
|
||
emits('submitForm', type);
|
||
};
|
||
//审批
|
||
const approvalVerifyOpen = async () => {
|
||
emits('approvalVerifyOpen');
|
||
};
|
||
//审批记录
|
||
const handleApprovalRecord = () => {
|
||
emits('handleApprovalRecord');
|
||
};
|
||
|
||
//校验提交按钮是否显示
|
||
const submitButtonShow = computed(() => {
|
||
return (
|
||
props.pageType === 'add' ||
|
||
(props.pageType === 'update' && props.status && (props.status === 'draft' || props.status === 'cancel' || props.status === 'back'))
|
||
);
|
||
});
|
||
|
||
//校验审批按钮是否显示
|
||
const approvalButtonShow = computed(() => {
|
||
return props.pageType === 'approval' && props.status && props.status === 'waiting';
|
||
});
|
||
|
||
//返回
|
||
const goBack = () => {
|
||
proxy.$tab.closePage(route);
|
||
router.go(-1);
|
||
};
|
||
</script>
|