From 982c97ab82f3beb1b4febcf014562eda34b9fc05 Mon Sep 17 00:00:00 2001
From: liu <2021943741@qq.com>
Date: 星期二, 29 九月 2026 17:59:41 +0800
Subject: [PATCH] feat(ui): 江苏商贸品牌视觉与首页/登录页改版

---
 src/views/archive/document/modules/form.vue |  133 ++++++++++++++++++++++++++++++++++++++++++++
 1 files changed, 133 insertions(+), 0 deletions(-)

diff --git a/src/views/archive/document/modules/form.vue b/src/views/archive/document/modules/form.vue
new file mode 100644
index 0000000..a002b28
--- /dev/null
+++ b/src/views/archive/document/modules/form.vue
@@ -0,0 +1,133 @@
+<script lang="ts" setup>
+import type { ArchiveDocumentApi } from '#/api/archive/document';
+
+import type { FormType } from '../data';
+
+import { computed, ref } from 'vue';
+
+import { useVbenModal } from '@vben/common-ui';
+import { $t } from '@vben/locales';
+
+import { message } from 'ant-design-vue';
+
+import { useVbenForm } from '#/adapter/form';
+import {
+  createDocument,
+  getDocument,
+  updateDocument,
+} from '#/api/archive/document';
+
+import { useFormSchema } from '../data';
+
+defineOptions({ name: 'ArchiveDocumentForm' });
+
+const emit = defineEmits(['success']);
+
+const formType = ref<FormType>('create');
+
+const getTitle = computed(() => {
+  if (formType.value === 'create') {
+    return $t('ui.actionTitle.create', ['妗ｆ']);
+  }
+  if (formType.value === 'edit') {
+    return $t('ui.actionTitle.edit', ['妗ｆ']);
+  }
+  return '妗ｆ璇︽儏';
+});
+
+const [Form, formApi] = useVbenForm({
+  commonConfig: {
+    componentProps: {
+      class: 'w-full',
+    },
+    labelWidth: 120,
+  },
+  wrapperClass: 'grid-cols-2',
+  layout: 'vertical',
+  schema: [],
+  showDefaultActions: false,
+});
+
+/** 鍙彁浜ゅ悗绔� SaveReqVO 鎺ュ彈鐨勫瓧娈碉紝閬垮厤鍥炰紶 no/status/source* 绛夊彧璇诲瓧娈� */
+async function buildSubmitData() {
+  const values = (await formApi.getValues()) as ArchiveDocumentApi.Document;
+  return {
+    id: values.id,
+    title: values.title,
+    categoryId: values.categoryId,
+    secretLevel: values.secretLevel,
+    carrierType: values.carrierType,
+    shelfNo: values.shelfNo,
+    layerNo: values.layerNo,
+    columnNo: values.columnNo,
+    boxNo: values.boxNo,
+    storePlace: values.storePlace,
+    archiveDate: values.archiveDate,
+    summary: values.summary,
+    tags: values.tags,
+    remark: values.remark,
+    // 闄勪欢涓哄叏閲忔浛鎹㈣涔夛細娓呯┖鍏ㄩ儴闄勪欢鏃跺繀椤绘樉寮忎紶绌烘暟缁�
+    blobIds: values.blobIds ?? [],
+  } as ArchiveDocumentApi.Document;
+}
+
+const [Modal, modalApi] = useVbenModal({
+  async onConfirm() {
+    const { valid } = await formApi.validate();
+    if (!valid) {
+      return;
+    }
+    modalApi.lock();
+    const data = await buildSubmitData();
+    try {
+      await (formType.value === 'create'
+        ? createDocument(data)
+        : updateDocument(data));
+      await modalApi.close();
+      emit('success');
+      message.success($t('ui.actionMessage.operationSuccess'));
+    } finally {
+      modalApi.unlock();
+    }
+  },
+  async onOpenChange(isOpen: boolean) {
+    if (!isOpen) {
+      return;
+    }
+    const data = modalApi.getData<{ formType: FormType; id?: number }>();
+    formType.value = data.formType;
+    formApi.setState({ schema: useFormSchema(formType.value) });
+    formApi.setDisabled(formType.value === 'detail');
+    if (data?.id) {
+      modalApi.lock();
+      try {
+        const detail = await getDocument(data.id);
+        // 宸叉湁闄勪欢杞垚涓婁紶缁勪欢鍙瘑鍒殑鏂囦欢瀵硅薄锛屾彁浜ゆ椂鎸� valueKey=id 鎻愬彇涓� blobId
+        const blobIds = (detail.attachmentList ?? []).map((item) => ({
+          uid: String(item.id),
+          name: item.name || '',
+          url: item.url || '',
+          status: 'done',
+          id: item.id,
+        }));
+        await formApi.setValues({ ...detail, blobIds }, false);
+      } finally {
+        modalApi.unlock();
+      }
+    } else {
+      await formApi.resetForm();
+    }
+  },
+});
+</script>
+
+<template>
+  <Modal
+    :title="getTitle"
+    class="w-3/4"
+    :close-on-click-modal="false"
+    :show-confirm-button="formType !== 'detail'"
+  >
+    <Form class="mx-3" />
+  </Modal>
+</template>

--
Gitblit v1.9.3