优化teleport拖拽
This commit is contained in:
@@ -46,7 +46,7 @@
|
||||
</a-form-item>
|
||||
</a-form>
|
||||
|
||||
<a-modal v-model:visible="visible" @ok="resetLogin">
|
||||
<a-modal v-model:visible="visible" @ok="resetLogin" unmount-on-close>
|
||||
<template #title>提示</template>
|
||||
密码已经修改成功,需要重新登录系统,点击确定跳转登录页面。
|
||||
</a-modal>
|
||||
|
||||
@@ -9,7 +9,7 @@
|
||||
<a-link @click="viewDetail(record)">{{ record.title }}</a-link>
|
||||
</template>
|
||||
</a-table>
|
||||
<a-modal v-model:visible="detailVisible" width="80%" draggable :footer="false">
|
||||
<a-modal v-model:visible="detailVisible" width="80%" draggable :footer="false" unmount-on-close>
|
||||
<template #title>公告详情</template>
|
||||
<a-typography :style="{ marginTop: '-30px' }">
|
||||
<a-typography-title class="text-center">
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<a-modal v-model:visible="visible" width="80%" draggable :footer="false">
|
||||
<a-modal v-model:visible="visible" width="80%" draggable :footer="false" unmount-on-close>
|
||||
<template #title>维护数据字典 →【{{ currentRow.name }}】</template>
|
||||
<!-- crud组件 -->
|
||||
<div class="lg:w-full w-full lg:mt-0">
|
||||
|
||||
@@ -4,6 +4,7 @@
|
||||
width="80%"
|
||||
draggable
|
||||
:okLoading="okLoading"
|
||||
unmount-on-close
|
||||
:title="form.name ? form.name : '请填写用例名称'"
|
||||
:on-before-ok="handleOkBefore"
|
||||
>
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<a-modal v-model:visible="visible" width="1200px" :footer="false" :mask-closable="false">
|
||||
<a-modal v-model:visible="visible" width="1200px" :footer="false" :mask-closable="false" unmount-on-close>
|
||||
<template #title>{{ title }}</template>
|
||||
<!-- crud组件 -->
|
||||
<div class="lg:w-full w-full">
|
||||
|
||||
@@ -7,6 +7,7 @@
|
||||
cancel-text="关闭"
|
||||
width="950px"
|
||||
draggable
|
||||
unmount-on-close
|
||||
>
|
||||
<template #title>{{ props.title }}</template>
|
||||
<ma-form v-model="form" :columns="columnsOptions" :options="options" ref="crudForm" />
|
||||
|
||||
@@ -48,9 +48,9 @@ const DemandSubForm = defineComponent({
|
||||
// Dom
|
||||
return () => (
|
||||
// 注意v-model:visible是不能放在对象解构的
|
||||
<a-modal {...modalOptions} v-model:visible={visible.value} on-before-cancel={handleBeforeCancel} width='86%'>
|
||||
<a-modal {...modalOptions} v-model:visible={visible.value} on-before-cancel={handleBeforeCancel} width='86%' unmount-on-close>
|
||||
{{
|
||||
title: () => <span>[设计需求]-{title.value}</span>,
|
||||
title: () => <span>[测试项]-{title.value}</span>,
|
||||
default: () => (
|
||||
<ma-form
|
||||
ref={formRef}
|
||||
|
||||
@@ -101,6 +101,7 @@ export default function (crudRef: Ref<InstanceType<typeof MaCrud>>) {
|
||||
tablePagination: false,
|
||||
operationColumnWidth: 200,
|
||||
operationColumn: true,
|
||||
draggable: false,
|
||||
operationColumnAlign: "center",
|
||||
formOption: {
|
||||
width: "86%",
|
||||
|
||||
@@ -26,7 +26,7 @@
|
||||
</ma-crud>
|
||||
</div>
|
||||
<!-- 关联的modal组件 -->
|
||||
<a-modal v-model:visible="visible" width="700px" draggable :on-before-ok="handleRelatedOk">
|
||||
<a-modal v-model:visible="visible" width="700px" draggable unmount-on-close :on-before-ok="handleRelatedOk">
|
||||
<template #title>关联测试项</template>
|
||||
<div class="pb-3">已存在的关联项:</div>
|
||||
<a-typography-paragraph>
|
||||
|
||||
@@ -40,7 +40,7 @@ const DesignSubForm = defineComponent({
|
||||
// Dom
|
||||
return () => (
|
||||
// 注意v-model:visible是不能放在对象解构的
|
||||
<a-modal {...modalOptions} v-model:visible={visible.value}>
|
||||
<a-modal {...modalOptions} v-model:visible={visible.value} unmount-on-close>
|
||||
{{
|
||||
title: () => <span>[设计需求]-{title.value}</span>,
|
||||
default: () => (
|
||||
|
||||
@@ -242,13 +242,13 @@ const searchSubmit = (data: ISearchFormCase) => {
|
||||
// 9.批量修改人员
|
||||
const replacePersonModalRef = ref<InstanceType<typeof ReplacePerson>>()
|
||||
const handlePerpleModal = () => {
|
||||
replacePersonModalRef.value.open()
|
||||
replacePersonModalRef.value!.open()
|
||||
}
|
||||
|
||||
// 10.批量修改事件
|
||||
const replaceExetimeModalRef = ref<InstanceType<typeof ReplacePerson>>()
|
||||
const handleExetimeModal = () => {
|
||||
replaceExetimeModalRef.value.open()
|
||||
replaceExetimeModalRef.value!.open()
|
||||
}
|
||||
</script>
|
||||
|
||||
|
||||
@@ -38,7 +38,7 @@ const DutSubForm = defineComponent({
|
||||
// Dom
|
||||
return () => (
|
||||
// 注意v-model:visible是不能放在对象解构的
|
||||
<a-modal {...modalOptions} v-model:visible={visible.value}>
|
||||
<a-modal {...modalOptions} v-model:visible={visible.value} unmount-on-close>
|
||||
{{
|
||||
title: () => <span>[被测件]-{title.value}</span>,
|
||||
default: () => (
|
||||
|
||||
@@ -57,9 +57,10 @@ const CaseSubForm = defineComponent({
|
||||
v-model:visible={visible.value}
|
||||
on-before-cancel={handleBeforeCancel}
|
||||
width="86%"
|
||||
unmount-on-close
|
||||
>
|
||||
{{
|
||||
title: () => <span>[设计需求]-{title.value}</span>,
|
||||
title: () => <span>[测试用例]-{title.value}</span>,
|
||||
default: () => (
|
||||
<ma-form
|
||||
ref={formRef}
|
||||
|
||||
@@ -109,6 +109,7 @@ export default function (crudRef: Ref<InstanceType<typeof MaCrud>>) {
|
||||
rowSelection: { showCheckedAll: true },
|
||||
searchColNumber: 3,
|
||||
tablePagination: false,
|
||||
draggable: false,
|
||||
operationColumnWidth: 180,
|
||||
operationColumn: true,
|
||||
formOption: {
|
||||
|
||||
@@ -30,7 +30,7 @@
|
||||
</a-timeline>
|
||||
</div>
|
||||
<!-- a-modal组件,展示生成文档的全部信息 -->
|
||||
<a-modal v-model:visible="visible" hide-cancel :closable="false" width="auto">
|
||||
<a-modal v-model:visible="visible" unmount-on-close hide-cancel :closable="false" width="auto">
|
||||
<template #title> 生成文档时间一览表 </template>
|
||||
<a-card
|
||||
:style="{ width: '600px' }"
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
<template>
|
||||
<!-- 描述列表组件 -->
|
||||
<a-modal width="1000px" v-model:visible="visible" :footer="false">
|
||||
<a-modal width="1000px" v-model:visible="visible" :footer="false" unmount-on-close>
|
||||
<template #title>项目名称:{{ previewRecord.name }}</template>
|
||||
<ma-info
|
||||
class="my-custom-class"
|
||||
|
||||
@@ -4,6 +4,7 @@
|
||||
draggable
|
||||
:visible="visible"
|
||||
hide-cancel
|
||||
unmount-on-close
|
||||
:mask-closable="false"
|
||||
:on-before-ok="handleClickConfirmButton"
|
||||
:on-before-cancel="handleClickConfirmButton"
|
||||
|
||||
Reference in New Issue
Block a user