更新

src/views/qualityInspectionDistribution/inspectionIndex.vue

@@ -94,8 +94,21 @@ const columns: ProColumns[] = [
   },
   {
     title: '客户名称',
+    width: 120,
     dataIndex: 'customName'
   },
+  {
+    title: '客户类型',
+    dataIndex: 'customType',
+    width: 80,
+    customRender: ({ record }: any) => {
+      if (record.customType == 0) {
+        return h('div', 'A型')
+      } else if (record.customType == 1) {
+        return h('div', 'B型')
+      }
+    }
+  },
   {
     title: '联系方式',
     width: 100,

src/views/qualityInspectionDistribution/inspectionModal.vue

@@ -1,14 +1,20 @@
 <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>
+        <a-tab-pane v-if="formModel.customType === 0" key="1" tab="A类型客户" />
+        <a-tab-pane v-if="formModel.customType === 1" key="2" tab="B类型客户" force-render />
+      </a-tabs>
       <a-form
         :model="formModel"
         :label-col="{ sm: { span: 24 }, md: { span: 8 } }"
@@ -35,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>
@@ -77,7 +87,7 @@
             >重审</a-button
           >
           <a-button
-          v-if="formModel.enrollStatus == 1"
+            v-if="formModel.enrollStatus == 1 && formModel.customType == 0"
             type="primary"
             html-type="submit"
             style="margin-left: 10px"
@@ -87,6 +97,7 @@
         </div>
       </template>
     </a-modal>
+  </div>
 </template>
 
 <script setup lang="ts">
@@ -96,12 +107,13 @@ import type { FormRequestMapping } from '@/hooks/form'
 import { overrideProperties } from '@/utils/bean-utils'
 import { message } from 'ant-design-vue'
 import { updateCustomerAudit } from '@/api/geopoliticalCustomers/index'
-import { useAdminForm, useFormAction, FormAction, labelCol, wrapperCol } from '@/hooks/form'
+import { useAdminForm, useFormAction, FormAction, wrapperCol } from '@/hooks/form'
 import { useUserStore } from '@/stores/user-store'
 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
@@ -330,4 +342,14 @@ 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;
+  line-height: 0.5715;
+}
 </style>