47 lines
977 B
Vue
47 lines
977 B
Vue
<template>
|
|||
|
|
<a-drawer
|
||
|
|
:width="1000"
|
||
|
|
:visible="visible"
|
||
|
|
title="项目详情"
|
||
|
|
:footer="false"
|
||
|
|
unmount-on-close
|
||
|
|
@cancel="handleCancel"
|
||
|
|
>
|
||
|
|
项目详情
|
||
|
|
</a-drawer>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script lang="ts" setup>
|
||
|
|
import { watch, onMounted } from 'vue';
|
||
|
|
// import { Message } from '@arco-design/web-vue';
|
||
|
|
// import { projectTypeList } from '@/utils/constant';
|
||
|
|
import { ProjectItem } from '@/types/business';
|
||
|
|
|
||
|
|
const props = defineProps<{
|
||
|
|
visible: boolean;
|
||
|
|
projectId: number | null;
|
||
|
|
detailInfo: ProjectItem | null;
|
||
|
|
}>();
|
||
|
|
const emit = defineEmits<{
|
||
|
|
(e: 'update:visible', val: boolean): void;
|
||
|
|
}>();
|
||
|
|
|
||
|
|
watch(
|
||
|
|
() => props.visible,
|
||
|
|
async (val) => {
|
||
|
|
console.log(val, 'val');
|
||
|
|
},
|
||
|
|
{ immediate: true }
|
||
|
|
);
|
||
|
|
const handleCancel = () => {
|
||
|
|
emit('update:visible', false);
|
||
|
|
};
|
||
|
|
onMounted(() => {});
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style lang="less" scoped>
|
||
|
|
:deep(label.arco-form-item-label) {
|
||
|
|
width: 100% !important;
|
||
|
|
}
|
||
|
|
</style>
|