mom-pro2-before.git

¶Ô±ÈÐÂÎÄ¼þ
			@@ -0,0 +1,76 @@
			<script lang="ts" setup>
			import { ref, computed } from 'vue';

			import { useVbenModal } from '@vben/common-ui';

			import { message, Select } from 'ant-design-vue';

			import { submitFinancePayment } from '#/api/erp/finance/payment';

			interface ProcessDefinition {
			id: string;
			name: string;
			version: number;
			key: string;
			}

			const emit = defineEmits(['success']);

			const paymentId = ref<number>();
			const processList = ref<ProcessDefinition[]>([]);
			const selectedProcessKey = ref<string>('');

			const processOptions = computed(() => {
			return processList.value.map((p) => ({
			label: `${p.name} (V${p.version})`,
			value: p.key,
			}));
			});

			const [Modal, modalApi] = useVbenModal({
			async onConfirm() {
			if (!selectedProcessKey.value) {
			message.warning('è¯·éæ©å®¡æ¹æµç¨');
			return;
			}
			modalApi.lock();
			try {
			await submitFinancePayment(paymentId.value!, selectedProcessKey.value);
			await modalApi.close();
			emit('success');
			message.success('æäº¤æå');
			} finally {
			modalApi.unlock();
			}
			},
			async onOpenChange(isOpen: boolean) {
			if (!isOpen) {
			paymentId.value = undefined;
			selectedProcessKey.value = '';
			processList.value = [];
			return;
			}
			const data = modalApi.getData<{ id: number; processList: ProcessDefinition[] }>();
			paymentId.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: 200px"
			placeholder="è¯·éæ©å®¡æ¹æµç¨"
			/>
			</div>
			</Modal>
			</template>