<script lang="ts" setup>
|
import { nextTick, ref } from 'vue';
|
|
import { BasicModal, useModalInner } from '@jnpf/ui/modal';
|
|
import logoImg from '#/assets/images/jnpf.png';
|
import { $t } from '#/locales';
|
import Profile from '#/views/_core/profile/index.vue';
|
|
defineEmits(['register']);
|
|
const profileRef = ref();
|
const [registerModal, { closeModal }] = useModalInner(init);
|
|
function init(data) {
|
nextTick(() => {
|
profileRef.value?.init(data);
|
});
|
}
|
</script>
|
<template>
|
<BasicModal
|
v-bind="$attrs"
|
@register="registerModal"
|
default-fullscreen
|
:footer="null"
|
:closable="false"
|
:keyboard="false"
|
destroy-on-close
|
class="jnpf-full-modal full-modal designer-modal jnpf-basic-print-designer">
|
<template #title>
|
<div class="jnpf-full-modal-header">
|
<div class="header-title !w-auto">
|
<img :src="logoImg" class="header-logo" />
|
<span class="header-dot"></span>
|
<p class="header-txt">个人中心</p>
|
</div>
|
<a-space class="options" :size="10">
|
<a-button shape="round" @click="closeModal()">{{ $t('common.closeText') }}</a-button>
|
</a-space>
|
</div>
|
</template>
|
<Profile ref="profileRef" />
|
</BasicModal>
|
</template>
|
