From c77086ad2d7949ab36dd0c4e0b59907e672dd64f Mon Sep 17 00:00:00 2001
From: 云 <2163098428@qq.com>
Date: 星期五, 18 九月 2026 15:04:42 +0800
Subject: [PATCH] Merge remote-tracking branch 'refs/remotes/origin/dev_pro2.0' into dev_宁夏_九泓化工

---
 src/views/erp/purchase/invoice/modules/form.vue |  139 ++++++++++++++++++++++++++++++++++++++++++++++
 1 files changed, 139 insertions(+), 0 deletions(-)

diff --git a/src/views/erp/purchase/invoice/modules/form.vue b/src/views/erp/purchase/invoice/modules/form.vue
new file mode 100644
index 0000000..fd27f98
--- /dev/null
+++ b/src/views/erp/purchase/invoice/modules/form.vue
@@ -0,0 +1,139 @@
+<script lang="ts" setup>
+import type { FormType } from '../data';
+
+import type { ErpPurchaseInvoiceApi } from '#/api/erp/purchase/invoice';
+import type { ErpPurchaseInvoiceAiApi } from '#/api/erp/purchase/invoice/ai';
+
+import { computed, ref } from 'vue';
+
+import { useVbenModal } from '@vben/common-ui';
+
+import { Alert, message } from 'ant-design-vue';
+
+import { useVbenForm } from '#/adapter/form';
+import {
+  createPurchaseInvoice,
+  getPurchaseInvoice,
+  updatePurchaseInvoice,
+} from '#/api/erp/purchase/invoice';
+import { $t } from '#/locales';
+
+import { useFormSchema } from '../data';
+
+const emit = defineEmits(['success']);
+const formData = ref<ErpPurchaseInvoiceApi.PurchaseInvoice>();
+const formType = ref<FormType>('create');
+const ocrSupplierName = ref('');
+const orderRemainInvoicePrice = ref<number>(); // 鎵�閫夐噰璐鍗曞墿浣欏彲寮�绁ㄩ噾棰濓紙鏈紑绁ㄩ噾棰濓紝鐢ㄤ簬鎻愮ず涓庢牎楠岋級
+
+const getTitle = computed(() => {
+  if (formType.value === 'create') {
+    return $t('ui.actionTitle.create', ['鏉ョエ']);
+  } else if (formType.value === 'edit') {
+    return $t('ui.actionTitle.edit', ['鏉ョエ']);
+  } else {
+    return '鏉ョエ璇︽儏';
+  }
+});
+
+const [Form, formApi] = useVbenForm({
+  commonConfig: {
+    componentProps: {
+      class: 'w-full',
+    },
+    labelWidth: 120,
+  },
+  wrapperClass: 'grid-cols-2',
+  layout: 'horizontal',
+  schema: useFormSchema(orderRemainInvoicePrice),
+  showDefaultActions: false,
+});
+
+const [Modal, modalApi] = useVbenModal({
+  async onConfirm() {
+    const { valid } = await formApi.validate();
+    if (!valid) {
+      return;
+    }
+    modalApi.lock();
+    const data = (await formApi.getValues()) as ErpPurchaseInvoiceApi.PurchaseInvoice;
+    if (formData.value?.id) {
+      data.id = formData.value.id;
+    }
+    try {
+      await (formData.value?.id
+        ? updatePurchaseInvoice(data)
+        : createPurchaseInvoice(data));
+      await modalApi.close();
+      emit('success');
+      message.success($t('ui.actionMessage.operationSuccess'));
+    } finally {
+      modalApi.unlock();
+    }
+  },
+  async onOpenChange(isOpen: boolean) {
+    if (!isOpen) {
+      formData.value = undefined;
+      ocrSupplierName.value = '';
+      orderRemainInvoicePrice.value = undefined;
+      return;
+    }
+    const data = modalApi.getData<{
+      formType: FormType;
+      id?: number;
+      ocrData?: ErpPurchaseInvoiceAiApi.OcrResultVO;
+    }>();
+    formType.value = data.formType;
+    formApi.setDisabled(formType.value === 'detail');
+    formApi.updateSchema(useFormSchema(orderRemainInvoicePrice));
+    await formApi.resetForm();
+    // OCR 璇嗗埆鏁版嵁棰勫～锛堟柊寤哄満鏅紝缂栬緫/璇︽儏涓嶅鐞嗭級
+    const ocr = data?.ocrData;
+    ocrSupplierName.value = ocr?.supplierName || '';
+    if (ocr) {
+      await formApi.setValues({
+        invoiceNo: ocr.invoiceNo,
+        invoiceTitle: ocr.invoiceTitle,
+        price: ocr.price,
+        invoiceTime: ocr.invoiceTime,
+        remark: ocr.remark,
+      });
+    }
+    if (!data || !data.id) {
+      return;
+    }
+    modalApi.lock();
+    try {
+      formData.value = await getPurchaseInvoice(data.id);
+      if (formData.value?.attachmentList?.length) {
+        // 杞负涓婁紶缁勪欢鐨勬枃浠跺璞★紱鎻愪氦鏃� formApi 浼氭寜 valueKey 鎻愬彇闄勪欢 ID
+        (formData.value as Record<string, unknown>).blobIds =
+          formData.value.attachmentList.map((item) => ({
+            uid: String(item.id),
+            name: item.name || '',
+            url: item.url || '',
+            status: 'done',
+            id: item.id,
+          }));
+      }
+      await formApi.setValues(formData.value as any);
+    } finally {
+      modalApi.unlock();
+    }
+  },
+});
+</script>
+
+<template>
+  <Modal :title="getTitle" class="w-3/5">
+    <Alert
+      v-if="ocrSupplierName"
+      type="info"
+      show-icon
+      class="mx-4 mb-4"
+      message="璇嗗埆鍒伴攢鍞柟鍚嶇О锛岃閫夋嫨閲囪喘璁㈠崟骞舵牳瀵硅鍗曚緵搴斿晢鏄惁涓�鑷�"
+      :description="`璇嗗埆缁撴灉锛�${ocrSupplierName}`"
+    />
+    <Form class="mx-4" />
+  </Modal>
+</template>

--
Gitblit v1.9.3