<script lang="ts" setup>
|
import type { FormInstance } from 'ant-design-vue';
|
import type { Dayjs } from 'dayjs';
|
|
import type { DmsPermissionResource } from '#/api/x/dms/permission';
|
|
import { computed, reactive, ref } from 'vue';
|
|
import { useMessage } from '@jnpf/hooks';
|
import { BasicDrawer, useDrawerInner } from '@jnpf/ui/drawer';
|
|
import dayjs from 'dayjs';
|
|
import { createAccessExclusions } from '#/api/x/dms/permission';
|
|
import { canExcludeRead, normalizePrincipalId } from './permissionRules';
|
|
interface ExclusionFormState {
|
excludeReason: string;
|
userId?: string;
|
validity?: [Dayjs, Dayjs];
|
}
|
|
const emit = defineEmits<{
|
reload: [];
|
}>();
|
|
const formRef = ref<FormInstance>();
|
const resource = ref<DmsPermissionResource>();
|
const sourceId = ref('');
|
const form = reactive<ExclusionFormState>(defaultForm());
|
const { createMessage } = useMessage();
|
const [registerDrawer, { changeOkLoading, closeDrawer }] = useDrawerInner(init);
|
|
const exclusionScope = computed(() => (resource.value?.resourceType === 'DOCUMENT' ? '该文件及其全部版本' : '当前指定文件版本'));
|
|
function defaultForm(): ExclusionFormState {
|
return {
|
excludeReason: '',
|
};
|
}
|
|
function newSourceId() {
|
const value = globalThis.crypto?.randomUUID?.() || `${Date.now()}-${Math.random().toString(16).slice(2)}`;
|
return `manual-exclusion-${value}`;
|
}
|
|
function init(data: { resource: DmsPermissionResource }) {
|
if (!canExcludeRead(data.resource.resourceType)) return;
|
resource.value = data.resource;
|
Object.assign(form, defaultForm());
|
form.userId = undefined;
|
form.validity = undefined;
|
sourceId.value = newSourceId();
|
formRef.value?.clearValidate();
|
}
|
|
async function handleSubmit() {
|
if (!resource.value || !canExcludeRead(resource.value.resourceType)) return;
|
await formRef.value?.validate();
|
changeOkLoading(true);
|
try {
|
const response = await createAccessExclusions({
|
sourceId: sourceId.value,
|
sourceType: 'MANUAL',
|
items: [
|
{
|
excludeReason: form.excludeReason.trim() || undefined,
|
resourceId: resource.value.id,
|
resourceType: resource.value.resourceType as 'DOCUMENT' | 'FILE_VERSION',
|
userId: normalizePrincipalId(form.userId || ''),
|
validFrom: form.validity?.[0]?.toISOString(),
|
validTo: form.validity?.[1]?.toISOString(),
|
},
|
],
|
});
|
createMessage.success(response.msg || `已创建 ${response.data.length} 条读取排除`);
|
closeDrawer();
|
emit('reload');
|
} finally {
|
changeOkLoading(false);
|
}
|
}
|
|
function disabledDate(current: Dayjs) {
|
return current.isBefore(dayjs().startOf('day'));
|
}
|
</script>
|
|
<template>
|
<BasicDrawer
|
v-bind="$attrs"
|
@register="registerDrawer"
|
title="新增排除拒绝"
|
width="min(620px, calc(100vw - 16px))"
|
:mask-closable="false"
|
destroy-on-close
|
show-footer
|
@ok="handleSubmit">
|
<div v-if="resource" class="exclusion-drawer-body">
|
<a-alert class="mb-[20px]" type="warning" show-icon>
|
<template #message> 排除资源：{{ resource.fileName || resource.name }} </template>
|
<template #description> 对指定用户拒绝读取{{ exclusionScope }}。即使用户同时拥有目录或文件的允许权限，排除拒绝也优先生效。 </template>
|
</a-alert>
|
<a-form ref="formRef" :model="form" layout="vertical">
|
<a-form-item label="排除用户" name="userId" :rules="[{ required: true, message: '请选择需要排除的用户' }]">
|
<JnpfUserSelect v-model:value="form.userId" />
|
</a-form-item>
|
<a-form-item label="有效期" extra="不填写表示立即生效且长期有效。">
|
<a-range-picker v-model:value="form.validity" class="w-full" :disabled-date="disabledDate" format="YYYY-MM-DD HH:mm" show-time />
|
</a-form-item>
|
<a-form-item label="排除原因">
|
<a-textarea v-model:value="form.excludeReason" :maxlength="1000" :rows="4" placeholder="说明拒绝该用户读取的原因" show-count />
|
</a-form-item>
|
</a-form>
|
</div>
|
</BasicDrawer>
|
</template>
|
|
<style lang="scss" scoped>
|
.exclusion-drawer-body {
|
padding: 20px 24px 28px;
|
}
|
</style>
|
