商城管理-登记审核-驳回弹窗

src/views/dataSharingAndExchange/enrollAudit/auditModeal.vue

+<template>
+  <BasicModal
+    width="40%"
+    v-bind="$attrs"
+    @register="registerModal"
+    :title="getTitle"
+    @ok="handleSubmit"
+    okText="确认驳回"
+  >
+    <template #insertFooter>
+      <a-button @click="handleCancel">取消驳回</a-button>
+    </template>
+
+    <div>
+      <BasicForm @register="registerForm" />
+    </div>
+  </BasicModal>
+</template>
+
+<script lang="ts" setup>
+import BasicModal from '@/components/Modal/src/BasicModal.vue';
+import { ModalProps, useModalInner } from '@/components/Modal';
+import {BasicForm, FormProps, useForm} from '@/components/Form';
+import {
+  overruleFormSchema
+} from './enroll.data';
+import { useMessage } from '@/hooks/web/useMessage';
+
+const getTitle = '驳回原因';
+const { createMessage } = useMessage();
+const emit = defineEmits(['auditSuccess']);
+/** 初始化弹框*/
+const [registerModal, { setModalProps, closeModal }] = useModalInner(async (data) => {
+  setModalProps({
+    confirmLoading: false,
+    showCancelBtn: false,
+  } as ModalProps);
+});
+
+/** 初始化表单*/
+const [registerForm, { setFieldsValue, validate }] = useForm({
+  labelWidth: 100,
+  schemas: overruleFormSchema,
+  baseColProps: { lg: 24, md: 24 },
+  showActionButtonGroup: false,
+} as FormProps);
+
+async function handleSubmit() {
+  await validate()
+  closeModal();
+  createMessage.success('驳回成功！');
+  emit('auditSuccess');
+}
+function handleCancel() {
+  closeModal();
+  createMessage.success('取消驳回');
+}
+</script>
+
+<style scoped></style>

src/views/dataSharingAndExchange/enrollAudit/detail.vue

@@ -24,8 +24,9 @@
     </Row>
     <div v-if="isAudit" style="justify-content: center; display: flex; gap: 10px; margin: 20px 0px 20px 350px">
       <a-button @click="handleCancel">驳回</a-button>
-      <a-button type="primary" @click="handleEdit">审核</a-button>
+      <a-button type="primary" @click="handleEdit">通过</a-button>
     </div>
+    <AuditModeal  @register="registerModal" @auditSuccess="auditSuccess" ></AuditModeal>
   </PageWrapper>
 </template>
 
@@ -37,12 +38,17 @@
   import { ref, onMounted } from 'vue';
   import { TableImg } from '@/components/Table';
   import { useMessage } from '@/hooks/web/useMessage';
+  import {useModal} from "@/components/Modal";
+  import AuditModeal from "@/views/dataSharingAndExchange/enrollAudit/auditModeal.vue";
+  import ObjectionModal from "@/views/dataSharingAndExchange/enrollAudit/objectionModal.vue";
 
   const { createMessage } = useMessage();
   const route = useRoute();
   const data = ref(route.query);
   const router = useRouter();
   const isAudit = ref(route.query.isAudit);
+  const [registerModal, { openModal }] = useModal();
+
 
   function handleBack() {
     router.go(-1);
@@ -54,12 +60,15 @@
 
   function handleCancel() {
     console.log('isAudit', isAudit);
+    openModal(true, {});
+
+  }
+  function auditSuccess() {
     router.go(-1);
-    createMessage.success('驳回成功！');
   }
   function handleEdit() {
     router.go(-1);
-    createMessage.success('审核成功！');
+    createMessage.success('审核通过！');
   }
 </script>
 

src/views/dataSharingAndExchange/enrollAudit/enroll.data.ts

@@ -208,3 +208,15 @@ export const objectionFormSchema: FormSchema[] = [
     colProps: { span: 6 },
   },
 ];
+export const overruleFormSchema: FormSchema[] = [
+  {
+    field: 'cause',
+    label: '驳回理由',
+    rules: [{ required: true, message: '请输入驳回理由' }],
+    component: 'InputTextArea',
+    componentProps: {
+      rows: 5,
+      placeholder: '请输入驳回原因',
+    },
+  },
+];