feature:概念测试方案配置添加

This commit is contained in:
王博冉
2024-08-25 23:49:25 +08:00
parent 58b070f43d
commit 8cc9e33abe
10 changed files with 2974 additions and 1 deletions

View File

@@ -0,0 +1,73 @@
<template>
<a-modal
:visible="modalVisible"
:maskClosable="false"
:destroyOnClose="true"
:closable="false"
:footer="null"
width="100%"
wrapClassName="my-concept-full-modal"
>
<concept-layout :testType="testType" @closeConceptModal="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 openModal = (type) => {
if(type) {
testType.value = type
}
modalVisible.value = true;
};
const closeModal = () => {
Modal.confirm({
title: '确定退出?',
content: '退出后当前方案配置无法恢复!',
cancelText: '取 消',
okText: '确 定',
class: 'custom-modal custom-modal-title-confirm-notice',
onOk: () => {
modalVisible.value = false;
},
onCancel: () => {}
})
};
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>