修改页面弹窗全屏
This commit is contained in:
@@ -7,7 +7,6 @@
|
||||
:showCancelBtn="false"
|
||||
defaultFullscreen="true"
|
||||
width="100%"
|
||||
v-if="isModalVisible"
|
||||
>
|
||||
<div class="server-detail-container">
|
||||
<div class="server-info-top">
|
||||
@@ -42,36 +41,19 @@ export default defineComponent({
|
||||
const FormValues = ref<Record<string, any>>({
|
||||
hostId: '-1'
|
||||
});
|
||||
|
||||
const isModalVisible = ref(false);
|
||||
|
||||
const [register, { closeModal }] = useModalInner(async (data: any) => {
|
||||
FormValues.value = { hostId: '-1' };
|
||||
isModalVisible.value = false;
|
||||
|
||||
if (!data || !data.hostId) {
|
||||
closeModal();
|
||||
return;
|
||||
}
|
||||
|
||||
FormValues.value.hostId = data.hostId;
|
||||
isModalVisible.value = true;
|
||||
});
|
||||
|
||||
watch(
|
||||
() => isModalVisible.value,
|
||||
(newVal) => {
|
||||
if (!newVal) {
|
||||
FormValues.value = { hostId: '-1' };
|
||||
}
|
||||
}
|
||||
);
|
||||
|
||||
return {
|
||||
register,
|
||||
closeModal,
|
||||
FormValues,
|
||||
isModalVisible
|
||||
};
|
||||
},
|
||||
});
|
||||
|
||||
Reference in New Issue
Block a user