style: 自动分账配置

This commit is contained in:
DaxPay
2024-12-17 11:14:40 +08:00
parent eb4aec602c
commit 8042b3c5a9
3 changed files with 54 additions and 12 deletions

View File

@@ -37,5 +37,5 @@ export interface AllocConfig extends MchEntity {
/** 大于多少开启分账 */
minAmount?: number
/** 分账延迟时长(分钟) */
DelayTime?: number
delayTime?: number
}

View File

@@ -12,12 +12,12 @@
<a-form-item label="主键" name="id" :hidden="true">
<a-input v-model:value="form.id" :disabled="showable" />
</a-form-item>
<a-form-item label="自动分账" name="autoAlloc">
<a-form-item name="autoAlloc">
<template #label>
<basic-title
helpMessage="开启自动分账后,如果创建订单时设置为了自动分账,将会对订单自动分账"
>
开启自动分账
自动分账
</basic-title>
</template>
<a-radio-group v-model:value="form.autoAlloc" :disabled="!edit" button-style="solid">
@@ -25,7 +25,21 @@
<a-radio-button :value="true">开启</a-radio-button>
</a-radio-group>
</a-form-item>
<a-form-item name="minAmount">
<a-form-item name="autoFinish" v-if="form.autoAlloc">
<template #label>
<basic-title
helpMessage="开启自动完结后,分账完成后,会自动对分账单进行完结,解冻剩余的资金"
>
自动完结
</basic-title>
</template>
<a-radio-group v-model:value="form.autoFinish" :disabled="!edit" button-style="solid">
<a-radio-button :value="false">关闭</a-radio-button>
<a-radio-button :value="true">开启</a-radio-button>
</a-radio-group>
</a-form-item>
<a-form-item name="minAmount" v-if="form.autoAlloc">
<template #label>
<basic-title helpMessage="只有大于或等于其实金额的订单才会进行分账">
自动分账起始金额()
@@ -35,11 +49,28 @@
v-model:value="form.minAmount"
class="w-300px"
:min="0.1"
:precision="1"
:max="9999999"
:disabled="!edit"
placeholder="请输自动分账起始金额(元)"
/>
</a-form-item>
<a-form-item name="delayTime" v-if="form.autoAlloc">
<template #label>
<basic-title helpMessage="支付订单完成后多久进行分账操作">
分账延迟时间(分钟)
</basic-title>
</template>
<a-input-number
v-model:value="form.delayTime"
class="w-300px"
:min="0"
:precision="0"
:max="99999"
:disabled="!edit"
placeholder="请输自动分账延迟时间(分钟)"
/>
</a-form-item>
</a-form>
<a-space :size="55" class="flex justify-center">
<a-button v-if="edit" @click="initData">取消</a-button>
@@ -53,7 +84,7 @@
<script setup lang="ts">
import useFormEdit from '@/hooks/bootx/useFormEdit'
import { onMounted, ref } from 'vue'
import { computed, onMounted, ref } from 'vue'
import { FormInstance, Rule } from 'ant-design-vue/lib/form'
import { saveConfig, getConfig, updateConfig, AllocConfig } from './AllocationConfig.api'
import { useMessage } from '@/hooks/web/useMessage'
@@ -76,12 +107,23 @@
const form = ref<AllocConfig>({
autoAlloc: false,
minAmount: 1.0,
autoFinish: false,
delayTime: 1440,
})
const rules = {
autoAlloc: [{ required: true, message: '' }],
minAmount: [{ required: true, message: '请输自动分账起始金额(元)' }],
} as Record<string, Rule[]>
const rules = computed(() => {
return {
autoAlloc: [{ required: true, message: '' }],
minAmount: [{ required: form.value.autoAlloc, message: '请输自动分账起始金额(元)' }],
autoFinish: [{ required: form.value.autoAlloc, message: '' }],
delayTime: [
{
required: form.value.autoAlloc,
message: '请输订单完成后多久进行自动分账(分钟)',
},
],
} as Record<string, Rule[]>
})
/**
* 重置信息

View File

@@ -61,15 +61,15 @@
<a-menu-item>
<a-link @click="showNotifyConfig(row)">订阅配置</a-link>
</a-menu-item>
<a-menu-item>
<a-link @click="showAllocConfig(row)">分账配置</a-link>
</a-menu-item>
<a-menu-item>
<a-link @click="showCheckoutConfig(row)">收银台配置</a-link>
</a-menu-item>
<a-menu-item>
<a-link @click="showCashierCode(row)">码牌配置</a-link>
</a-menu-item>
<a-menu-item>
<a-link @click="showAllocConfig(row)">分账配置</a-link>
</a-menu-item>
<a-menu-item>
<a-link danger @click="remove(row)">删除应用</a-link>
</a-menu-item>