From 7fef9ad2195d4b2a399f794221a6fca1b82424d3 Mon Sep 17 00:00:00 2001
From: liu <2021943741@qq.com>
Date: 星期三, 16 九月 2026 16:53:12 +0800
Subject: [PATCH] refactor(aftersales): 故障赔付/服务补偿单审核改为审批配置状态机
---
src/views/aftersales/compensation/modules/audit-modal.vue | 156 +++++++++++++++++++++++++++------------------------
1 files changed, 82 insertions(+), 74 deletions(-)
diff --git a/src/views/aftersales/compensation/modules/audit-modal.vue b/src/views/aftersales/compensation/modules/audit-modal.vue
index 6b8e5ad..5010a98 100644
--- a/src/views/aftersales/compensation/modules/audit-modal.vue
+++ b/src/views/aftersales/compensation/modules/audit-modal.vue
@@ -1,91 +1,99 @@
<script lang="ts" setup>
-import { ref } from 'vue';
+ import type { VbenFormSchema } from '#/adapter/form';
+ import type { AfterSaleCompensationApi } from '#/api/aftersales/compensation';
-import { useVbenModal } from '@vben/common-ui';
+ import { computed, ref } from 'vue';
-import { message } from 'ant-design-vue';
+ import { useVbenModal } from '@vben/common-ui';
-import { useVbenForm } from '#/adapter/form';
-import { auditCompensation } from '#/api/aftersales/compensation';
+ import { message } from 'ant-design-vue';
-const emit = defineEmits(['success']);
+ import { useVbenForm } from '#/adapter/form';
+ import { auditCompensation } from '#/api/aftersales/compensation';
-const compensationId = ref<number>();
+ const emit = defineEmits(['success']);
-const [Form, formApi] = useVbenForm({
- commonConfig: {
- componentProps: {
- class: 'w-full',
- },
- labelWidth: 100,
- },
- wrapperClass: 'grid-cols-1',
- layout: 'vertical',
- schema: [
- {
- fieldName: 'auditStatus',
- label: '瀹℃壒缁撴灉',
- component: 'RadioGroup',
+ const pass = ref(true); // true=瀹℃牳閫氳繃 / false=瀹℃牳涓嶉�氳繃
+ const rowData = ref<AfterSaleCompensationApi.Compensation>();
+ const getTitle = computed(() => (pass.value ? '瀹℃牳閫氳繃' : '瀹℃牳涓嶉�氳繃'));
+
+ const [Form, formApi] = useVbenForm({
+ commonConfig: {
componentProps: {
- options: [
- { label: '閫氳繃', value: 20 },
- { label: '椹冲洖', value: 30 },
- ],
+ class: 'w-full',
},
- rules: 'selectRequired',
+ formItemClass: 'col-span-1',
+ labelWidth: 90,
},
- {
- fieldName: 'remark',
- label: '瀹℃壒澶囨敞',
- component: 'Textarea',
- componentProps: {
- placeholder: '璇疯緭鍏ュ鎵瑰娉�',
- rows: 3,
- },
- },
- ],
- showDefaultActions: false,
-});
+ wrapperClass: 'grid-cols-1',
+ layout: 'horizontal',
+ schema: [],
+ showDefaultActions: false,
+ });
-const [Modal, modalApi] = useVbenModal({
- async onConfirm() {
- const { valid } = await formApi.validate();
- if (!valid) {
- return;
- }
- modalApi.lock();
- try {
- const values = await formApi.getValues<{
- auditStatus: number;
- remark?: string;
+ /** 瀹℃牳琛ㄥ崟瀛楁锛氫笉閫氳繃鏃跺繀椤诲～鍐欏師鍥� */
+ function useAuditSchema(): VbenFormSchema[] {
+ return [
+ {
+ fieldName: 'reviewRemark',
+ label: '瀹℃牳鎰忚',
+ component: 'Textarea',
+ formItemClass: 'col-span-1',
+ componentProps: {
+ rows: 3,
+ placeholder: pass.value
+ ? '璇疯緭鍏ュ鏍告剰瑙侊紙鍙�夛級'
+ : '璇疯緭鍏ヤ笉閫氳繃鍘熷洜锛堝繀濉級',
+ },
+ rules: pass.value ? '' : 'required',
+ },
+ ];
+ }
+
+ const [Modal, modalApi] = useVbenModal({
+ async onConfirm() {
+ const { valid } = await formApi.validate();
+ if (!valid) {
+ return;
+ }
+ modalApi.lock();
+ const values = await formApi.getValues();
+ try {
+ await auditCompensation(
+ rowData.value!.id!,
+ pass.value,
+ values.reviewRemark,
+ );
+ await modalApi.close();
+ emit('success');
+ message.success(pass.value ? '瀹℃牳閫氳繃' : '宸查��鍥烇紝鍙慨鏀瑰悗閲嶆柊鎻愪氦');
+ } finally {
+ modalApi.unlock();
+ }
+ },
+ async onOpenChange(isOpen: boolean) {
+ if (!isOpen) {
+ rowData.value = undefined;
+ return;
+ }
+ const data = modalApi.getData<{
+ pass: boolean;
+ row: AfterSaleCompensationApi.Compensation;
}>();
- await auditCompensation({
- id: compensationId.value!,
- auditStatus: values.auditStatus,
- remark: values.remark,
- });
- await modalApi.close();
- emit('success');
- message.success('瀹℃壒瀹屾垚');
- } finally {
- modalApi.unlock();
- }
- },
- async onOpenChange(isOpen: boolean) {
- if (!isOpen) {
- compensationId.value = undefined;
- await formApi.resetForm();
- return;
- }
- const data = modalApi.getData<{ id: number }>();
- compensationId.value = data?.id;
- await formApi.setValues({ auditStatus: 20 });
- },
-});
+ rowData.value = data.row;
+ pass.value = data.pass;
+ formApi.setState({ schema: useAuditSchema() });
+ formApi.resetForm();
+ },
+ });
</script>
<template>
- <Modal title="瀹℃壒璧斾粯/鏈嶅姟琛ュ伩鍗�" class="w-1/3">
- <Form class="mx-3" />
+ <Modal :title="getTitle" class="w-2/5">
+ <div v-if="rowData" class="mx-4 mb-4 text-sm text-gray-600">
+ <div>璧斾粯鍗曞彿锛歿{ rowData.compensationNo }}</div>
+ <div>璧斾粯閲戦锛歿{ rowData.amount }}</div>
+ </div>
+ <Form class="mx-4" />
</Modal>
</template>
--
Gitblit v1.9.3