<script lang="ts" setup>
|
import type { FormInstance } from 'ant-design-vue';
|
|
import type { DmsAccessExclusion } from '#/api/x/dms/permission';
|
|
import { reactive, ref } from 'vue';
|
|
import { useMessage } from '@jnpf/hooks';
|
import { BasicModal, useModalInner } from '@jnpf/ui/modal';
|
|
import { revokeAccessExclusions } from '#/api/x/dms/permission';
|
|
const emit = defineEmits<{
|
reload: [];
|
}>();
|
|
const exclusion = ref<DmsAccessExclusion>();
|
const formRef = ref<FormInstance>();
|
const form = reactive({ reason: '' });
|
const { createMessage } = useMessage();
|
const [registerModal, { changeOkLoading, closeModal }] = useModalInner(init);
|
|
function init(data: { exclusion: DmsAccessExclusion }) {
|
exclusion.value = data.exclusion;
|
form.reason = '';
|
formRef.value?.clearValidate();
|
}
|
|
async function handleSubmit() {
|
if (!exclusion.value) return;
|
await formRef.value?.validate();
|
changeOkLoading(true);
|
try {
|
const response = await revokeAccessExclusions({ exclusionIds: [exclusion.value.id], reason: form.reason.trim() });
|
createMessage.success(response.msg || '排除拒绝已撤销');
|
closeModal();
|
emit('reload');
|
} finally {
|
changeOkLoading(false);
|
}
|
}
|
</script>
|
|
<template>
|
<BasicModal v-bind="$attrs" @register="registerModal" title="撤销排除拒绝" :width="520" destroy-on-close @ok="handleSubmit">
|
<a-alert class="mb-[18px]" type="warning" show-icon message="撤销后，该用户将重新按现有允许权限进行读取裁决。排除记录仍会保留用于审计。" />
|
<a-form ref="formRef" :model="form" layout="vertical">
|
<a-form-item label="撤销原因" name="reason" :rules="[{ required: true, whitespace: true, message: '请输入撤销原因' }]">
|
<a-textarea v-model:value="form.reason" :maxlength="1000" :rows="4" show-count />
|
</a-form-item>
|
</a-form>
|
</BasicModal>
|
</template>
|
