123

src/views/qualityInspectionDistribution/inspectionModal.vue

@@ -1,12 +1,14 @@
 <template>
+  <div ref="refModel">
     <a-modal
       :title="title"
       :visible="visible"
       :mask-closable="false"
       :centered="true"
-    :body-style="{ paddingBottom: '8px' }"
+      :body-style="{ paddingBottom: '8px', paddingTop: '0px' }"
       :confirm-loading="submitLoading"
       :width="650"
+      :get-container="() => $refs.refModel"
       @cancel="handleClose"
     >
       <a-tabs centered>
@@ -39,7 +41,11 @@
               :label-col="{ sm: { span: 24 }, md: { span: 4 } }"
               :wrapper-col="{ sm: { span: 24 }, md: { span: 20 } }"
             >
-            <a-input v-model:value="formModel.comprehensiveAddress" placeholder="请输入" readonly />
+              <a-input
+                v-model:value="formModel.comprehensiveAddress"
+                placeholder="请输入"
+                readonly
+              />
             </a-form-item>
           </a-col>
         </a-row>
@@ -91,6 +97,7 @@
         </div>
       </template>
     </a-modal>
+  </div>
 </template>
 
 <script setup lang="ts">
@@ -106,6 +113,7 @@ import { doRequest } from '@/utils/axios/request'
 import { getCustomDetails } from '@/api/geopoliticalCustomers'
 //预约时间
 import 'dayjs/locale/zh-cn'
+import { $ref } from 'vue/macros'
 // import dayjs from 'dayjs'
 const emits = defineEmits<{
   (e: 'submit-success'): void
@@ -334,7 +342,11 @@ defineExpose({
   right: 3px;
   font-size: 15px;
 }
-
+//modal头部
+::v-deep .ant-modal-header {
+  padding: 16px 24px 0px !important;
+  border-bottom: unset !important;
+}
 //a-tabs距离下面的距离
 ::v-deep .ant-tabs-top > .ant-tabs-nav {
   margin: 0 0 25px 0;