84 lines
1.5 KiB
Vue
84 lines
1.5 KiB
Vue
<template>
|
|
<a-modal
|
|
:visible="modalVisible"
|
|
:maskClosable="false"
|
|
:destroyOnClose="true"
|
|
:closable="false"
|
|
:footer="null"
|
|
width="100%"
|
|
wrapClassName="my-concept-full-modal"
|
|
>
|
|
|
|
<concept-layout :sn="tempalteSn" :testType="testType" @closeConceptModal="closeConcept" @closeModal="closeModal" />
|
|
</a-modal>
|
|
|
|
</template>
|
|
|
|
<script setup>
|
|
import { defineExpose, ref, defineProps } from "vue";
|
|
import ConceptLayout from "./components/ConceptLayout.vue";
|
|
|
|
import { Modal } from 'ant-design-vue'
|
|
|
|
const modalVisible = ref(false);
|
|
|
|
const testType = ref(1)
|
|
|
|
const tempalteSn = ref('')
|
|
|
|
const openModal = (type, sn) => {
|
|
console.log('sn', sn);
|
|
|
|
tempalteSn.value = sn
|
|
|
|
if(type) {
|
|
testType.value = type
|
|
}
|
|
modalVisible.value = true;
|
|
};
|
|
|
|
const closeConcept = () => {
|
|
Modal.confirm({
|
|
title: '确定退出？',
|
|
content: '退出后当前方案配置无法恢复！',
|
|
cancelText: '取 消',
|
|
okText: '确 定',
|
|
class: 'custom-modal custom-modal-title-confirm-notice',
|
|
onOk: () => {
|
|
closeModal();
|
|
},
|
|
onCancel: () => {}
|
|
})
|
|
};
|
|
|
|
|
|
const closeModal = () => {
|
|
modalVisible.value = false;
|
|
}
|
|
defineExpose({
|
|
openModal,
|
|
});
|
|
</script>
|
|
|
|
<style lang="scss" scoped></style>
|
|
|
|
<style lang="scss">
|
|
.my-concept-full-modal {
|
|
.ant-modal {
|
|
max-width: 100%;
|
|
top: 0;
|
|
padding-bottom: 0;
|
|
margin: 0;
|
|
}
|
|
.ant-modal-content {
|
|
display: flex;
|
|
flex-direction: column;
|
|
height: calc(100vh);
|
|
}
|
|
.ant-modal-body {
|
|
flex: 1;
|
|
padding: 0;
|
|
}
|
|
}
|
|
</style>
|
|
|