优化teleport拖拽

This commit is contained in:
2025-05-17 18:04:53 +08:00
parent 09fe532bb6
commit aa0290b345
30 changed files with 518 additions and 981 deletions

View File

@@ -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>

View File

@@ -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">

View File

@@ -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">

View File

@@ -4,6 +4,7 @@
width="80%"
draggable
:okLoading="okLoading"
unmount-on-close
:title="form.name ? form.name : '请填写用例名称'"
:on-before-ok="handleOkBefore"
>

View File

@@ -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">

View File

@@ -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" />

View File

@@ -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}

View File

@@ -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%",

View File

@@ -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>

View File

@@ -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: () => (

View File

@@ -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>

View File

@@ -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: () => (

View File

@@ -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}

View File

@@ -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: {

View File

@@ -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' }"

View File

@@ -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"

View File

@@ -4,6 +4,7 @@
draggable
:visible="visible"
hide-cancel
unmount-on-close
:mask-closable="false"
:on-before-ok="handleClickConfirmButton"
:on-before-cancel="handleClickConfirmButton"