<script lang="ts" setup>
|
import type { DmsPermissionResource } from '#/api/x/dms/permission';
|
|
import { ref } from 'vue';
|
|
import { useMessage } from '@jnpf/hooks';
|
import { BasicForm, useForm } from '@jnpf/ui/form';
|
import { BasicModal, useModalInner } from '@jnpf/ui/modal';
|
|
import { renameDmsFolder } from '#/api/x/dms/permission';
|
import { onlineUtils } from '#/utils/jnpf';
|
|
const emit = defineEmits<{
|
renamed: [folder: DmsPermissionResource];
|
}>();
|
|
const folder = ref<DmsPermissionResource>();
|
const { createMessage } = useMessage();
|
const [registerForm, { resetFields, setFieldsValue, validate }] = useForm({
|
autoFocusFirstItem: true,
|
baseColProps: { span: 24 },
|
layout: 'vertical',
|
schemas: [
|
{
|
field: 'name',
|
label: '目录名称',
|
component: 'Input',
|
componentProps: { maxlength: 300, placeholder: '请输入目录名称', showCount: true, submitOnPressEnter: true },
|
rules: [{ required: true, whitespace: true, message: '请输入目录名称', trigger: 'blur' }],
|
},
|
],
|
showActionButtonGroup: false,
|
});
|
const [registerModal, { changeOkLoading, closeModal }] = useModalInner(init);
|
|
async function init(data: { folder: DmsPermissionResource }) {
|
folder.value = data.folder;
|
await resetFields();
|
await setFieldsValue({ name: data.folder.name });
|
}
|
|
async function handleSubmit() {
|
if (!folder.value) return;
|
const values = await validate();
|
if (!values) return;
|
const currentFolder = folder.value;
|
const revision = currentFolder.revision;
|
if (revision === undefined) return;
|
const data = {
|
name: String(values.name).trim(),
|
revision,
|
};
|
onlineUtils.sign({
|
title: '电子签名',
|
isFaceToFace: false,
|
metaData: {
|
biz_button: '修改',
|
biz_data: [{ ...data, folderId: currentFolder.id, originalName: currentFolder.name }],
|
biz_module: '文件夹权限管理',
|
biz_title: data.name,
|
is_biz_form: false,
|
is_review_button: false,
|
},
|
onCancel: () => {},
|
onSubmit: (signData) => submitRenameFolder(currentFolder, data, signData?.biz_sign),
|
});
|
}
|
|
async function submitRenameFolder(currentFolder: DmsPermissionResource, data: { name: string; revision: number }, bizSign?: string) {
|
changeOkLoading(true);
|
try {
|
const response = await renameDmsFolder(currentFolder.id, data, bizSign);
|
closeModal();
|
emit('renamed', response.data);
|
} catch (error) {
|
createMessage.error(error instanceof Error && error.message ? error.message : '目录修改失败');
|
} finally {
|
changeOkLoading(false);
|
}
|
}
|
</script>
|
|
<template>
|
<BasicModal v-bind="$attrs" title="修改目录" :width="480" destroy-on-close @register="registerModal" @ok="handleSubmit">
|
<BasicForm @register="registerForm" @submit="handleSubmit" />
|
</BasicModal>
|
</template>
|
