供应商审核：

1、调整样式细节：边距等
2、审核时审核备注必填

src/views/invoicing/configSuppliersApply/NuConfigSuppliersApplyList.vue

@@ -102,7 +102,7 @@
     xs:24,
     sm:4,
     xl:6,
-    xxl:4
+    xxl:6
   });
   const wrapperCol = reactive({
     xs: 24,
@@ -231,7 +231,7 @@
     padding: 0;
     .table-page-search-submitButtons {
       display: block;
-      margin-bottom: 24px;
+      margin-bottom: 14px;
       white-space: nowrap;
     }
     .query-group-cust{

src/views/invoicing/configSuppliersApply/components/NuConfigSuppliersApplyForm.vue

@@ -118,6 +118,7 @@ const opeMediaAddress = import.meta.env.VITE_OPE_MEDIA_ADDRESS
   const confirmLoading = ref<boolean>(false);
   //表单验证
   const validatorRules = reactive({
+    applyContent: [{ required: true, message: '请输入审核备注!' }],
   });
   const { resetFields, validate, validateInfos } = useForm(formData, validatorRules, { immediate: false });
 
@@ -226,6 +227,6 @@ const opeMediaAddress = import.meta.env.VITE_OPE_MEDIA_ADDRESS
 
 <style lang="less" scoped>
   .antd-modal-form {
-    padding: 14px;
+    padding: 0px;
   }
 </style>

src/views/invoicing/configSuppliersApply/components/NuConfigSuppliersApplyModal.vue

@@ -1,8 +1,9 @@
 <template>
 
   <a-drawer :title="title" :width="width" v-model:visible="visible" :closable="true"
-    :footer-style="{ textAlign: 'right' }" @close="handleCancel">
+    :footer-style="{ textAlign: 'right' }" :bodyStyle="{ padding: '14px' }" @close="handleCancel">
-    <NuConfigSuppliersApplyForm ref="registerForm" @ok="submitCallback" :formDisabled="disableSubmit" :formBpm="false"></NuConfigSuppliersApplyForm>
+    <NuConfigSuppliersApplyForm ref="registerForm" @ok="submitCallback" :formDisabled="disableSubmit" :formBpm="false">
+    </NuConfigSuppliersApplyForm>
     <template #footer>
       <a-button type="primary" style="margin-right: 8px" @click="handleCancel">关闭</a-button>
       <a-button type="primary" @click="handleOk" v-if="!disableSubmit">确认</a-button>
@@ -11,73 +12,73 @@
 </template>
 
 <script lang="ts" setup>
-  import { ref, nextTick, defineExpose } from 'vue';
+import { ref, nextTick, defineExpose } from 'vue';
-  import NuConfigSuppliersApplyForm from './NuConfigSuppliersApplyForm.vue'
+import NuConfigSuppliersApplyForm from './NuConfigSuppliersApplyForm.vue'
-  import JModal from '/@/components/Modal/src/JModal/JModal.vue';
+import JModal from '/@/components/Modal/src/JModal/JModal.vue';
 
-  const title = ref<string>('');
+const title = ref<string>('');
-  const width = ref<string>('80%');
+const width = ref<string>('80%');
-  const visible = ref<boolean>(false);
+const visible = ref<boolean>(false);
-  const disableSubmit = ref<boolean>(false);
+const disableSubmit = ref<boolean>(false);
-  const registerForm = ref();
+const registerForm = ref();
-  const emit = defineEmits(['register', 'success']);
+const emit = defineEmits(['register', 'success']);
 
-  /**
+/**
  * 新增
  */
-  function add() {
+function add() {
   title.value = '新增';
   visible.value = true;
   nextTick(() => {
     registerForm.value.add();
   });
-  }
+}
 
-  /**
+/**
  * 编辑
  * @param record
  */
-  function edit(record) {
+function edit(record) {
   title.value = disableSubmit.value ? '详情' : '编辑';
   visible.value = true;
   nextTick(() => {
     registerForm.value.edit(record);
   });
-  }
+}
 
-  /**
+/**
  * 确定按钮点击事件
  */
-  function handleOk() {
+function handleOk() {
   registerForm.value.submitForm();
-  }
+}
 
-  /**
+/**
  * form保存回调事件
  */
-  function submitCallback() {
+function submitCallback() {
   handleCancel();
   emit('success');
-  }
+}
 
-  /**
+/**
  * 取消按钮回调事件
  */
-  function handleCancel() {
+function handleCancel() {
   visible.value = false;
-  }
+}
 
-  defineExpose({
+defineExpose({
   add,
   edit,
   disableSubmit,
-  });
+});
 </script>
 
 <style lang="less">
-  /**隐藏样式-modal确定按钮 */
+/**隐藏样式-modal确定按钮 */
-  .jee-hidden {
+.jee-hidden {
   display: none !important;
-  }
+}
 </style>
 <style lang="less" scoped></style>