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/borrow/modules/process-select-modal.vue | 77 ++++++++++++++++++++++++++++++++++++++
1 files changed, 77 insertions(+), 0 deletions(-)
diff --git a/src/views/archive/borrow/modules/process-select-modal.vue b/src/views/archive/borrow/modules/process-select-modal.vue
new file mode 100644
index 0000000..694d71e
--- /dev/null
+++ b/src/views/archive/borrow/modules/process-select-modal.vue
@@ -0,0 +1,77 @@
+<script lang="ts" setup>
+import type { ArchiveBorrowApi } from '#/api/archive/borrow';
+
+import { computed, ref } from 'vue';
+
+import { useVbenModal } from '@vben/common-ui';
+
+import { message, Select } from 'ant-design-vue';
+
+import { submitBorrow } from '#/api/archive/borrow';
+
+defineOptions({ name: 'ArchiveBorrowProcessSelect' });
+
+const emit = defineEmits(['success']);
+
+const borrowId = ref<number>();
+const processList = ref<ArchiveBorrowApi.ProcessDefinition[]>([]);
+const selectedProcessKey = ref<string>('');
+
+/** 娴佺▼ key 鍙兘鏉ヨ嚜鍚庣瀹炴椂鍒楄〃锛岀姝㈠墠绔啓姝� */
+const processOptions = computed(() =>
+ processList.value.map((item) => ({ label: item.name, value: item.key })),
+);
+
+const [Modal, modalApi] = useVbenModal({
+ async onConfirm() {
+ if (!selectedProcessKey.value) {
+ message.warning('璇烽�夋嫨瀹℃壒娴佺▼');
+ return;
+ }
+ modalApi.lock();
+ try {
+ await submitBorrow(borrowId.value!, selectedProcessKey.value);
+ await modalApi.close();
+ emit('success');
+ message.success('鎻愪氦鎴愬姛');
+ } finally {
+ modalApi.unlock();
+ }
+ },
+ async onOpenChange(isOpen: boolean) {
+ if (!isOpen) {
+ borrowId.value = undefined;
+ selectedProcessKey.value = '';
+ processList.value = [];
+ return;
+ }
+ const data = modalApi.getData<{
+ id: number;
+ processList: ArchiveBorrowApi.ProcessDefinition[];
+ }>();
+ borrowId.value = data.id;
+ processList.value = data.processList || [];
+ // 榛樿閫夋嫨绗竴涓祦绋�
+ if (processList.value.length > 0) {
+ selectedProcessKey.value = processList.value[0]!.key;
+ }
+ },
+});
+</script>
+
+<template>
+ <Modal title="閫夋嫨瀹℃壒娴佺▼" class="w-1/3">
+ <div class="mb-4">
+ <span class="mr-2">瀹℃壒娴佺▼锛�</span>
+ <Select
+ v-model:value="selectedProcessKey"
+ :options="processOptions"
+ style="width: 240px"
+ placeholder="璇烽�夋嫨瀹℃壒娴佺▼"
+ />
+ </div>
+ <p class="text-sm text-gray-500">
+ 鎻愪氦鍚庝緷娆℃祦杞細妗ｆ绠＄悊鍛樺鏍� 鈫� 鍒嗙棰嗗瀹℃壒
+ </p>
+ </Modal>
+</template>
--
Gitblit v1.9.3