优化teleport拖拽

cdTMP/src/views/project/case/components/CaseForm/index.vue

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

cdTMP/src/views/project/case/components/ProblemChoose.vue

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

cdTMP/src/views/project/case/components/ProblemForm.vue

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

cdTMP/src/views/project/design-demand/DemandSubForm/index.tsx

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

cdTMP/src/views/project/design-demand/hooks/useCrudOpMore.ts

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

cdTMP/src/views/project/design-demand/index.vue

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

cdTMP/src/views/project/dut/DesignSubForm/index.tsx

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

cdTMP/src/views/project/opeSets/components/CaseTable/index.vue

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

cdTMP/src/views/project/round/DutSubForm/index.tsx

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

cdTMP/src/views/project/testDemand/CaseSubForm/index.tsx

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

cdTMP/src/views/project/testDemand/hooks/useCrudOpMore.ts

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