From 42ff9c53a3db88eb0b311767d45452be27a5d544 Mon Sep 17 00:00:00 2001 From: wupengfei <834520024@qq.com> Date: 星期二, 23 九月 2025 14:32:42 +0800 Subject: [PATCH] feat: 结算 --- src/views/EmploymentManage/components/AddOrEditEmploymentView.vue | 72 +++++++++++++++++++++++++++++++++-- 1 files changed, 67 insertions(+), 5 deletions(-) diff --git a/src/views/EmploymentManage/components/AddOrEditEmploymentView.vue b/src/views/EmploymentManage/components/AddOrEditEmploymentView.vue index b08731a..c2ea175 100644 --- a/src/views/EmploymentManage/components/AddOrEditEmploymentView.vue +++ b/src/views/EmploymentManage/components/AddOrEditEmploymentView.vue @@ -44,6 +44,8 @@ :controls="false" v-model="form.serviceFee" placeholder="璇疯緭鍏�" + :min="0" + :max="999999999999" :unit="EnumBillingMethodUnitText[form.billingMethod]" ></ProFormInputNumber> </template> @@ -62,7 +64,26 @@ v-model="form.settlementCycle" :value-enum="EnumSettlementCycleText" :button-style="false" + @change="handleSettlementCycleChange" ></ProFormRadio> + </ProFormItemV2> + </ProFormColItem> + </ProFormCol> + <ProFormCol> + <ProFormColItem :span="12" class="settlement-cycle-date-form-item"> + <ProFormItemV2 + v-if="form.settlementCycle !== EnumSettlementCycle.Day" + label="缁撶畻鏃ユ湡:" + prop="settlementCycle" + :check-rules="[{ message: '璇烽�夋嫨缁撶畻鏃ユ湡' }]" + > + {{ EnumSettlementCycleDateText[form.settlementCycle] }} + <ProFormSelect + v-model="form.settlementDate" + :value-enum="settlementDateList" + :button-style="false" + ></ProFormSelect> + {{ '缁撶畻' }} </ProFormItemV2> </ProFormColItem> </ProFormCol> @@ -110,17 +131,18 @@ > <ProFormInputNumber :controls="false" - :min="0" + :min="16" v-model="form.ageMinLimit" placeholder="璇疯緭鍏�" ></ProFormInputNumber> <div class="form-input-separator">鑷�</div> <ProFormInputNumber :controls="false" - :min="0" + :min="16" v-model="form.ageMaxLimit" placeholder="璇疯緭鍏�" ></ProFormInputNumber> + 宀� </ProFormItemV2> </ProFormColItem> </ProFormCol> @@ -227,6 +249,7 @@ ProFormRadio, ProFormDatePicker, ProFormCheckbox, + ProFormSelect, } from '@bole-core/components'; import { FormInstance, ModelValueType } from 'element-plus'; import { Message } from '@bole-core/core'; @@ -238,6 +261,10 @@ EnumBillingMethodText, EnumBillingMethodUnitText, EnumSettlementCycleText, + EnumSettlementCycleDateText, + EnumSettlementCycleDateMonthArray, + EnumSettlementCycleDateWeekArray, + EnumSettlementCycle, } from '@/constants'; import { format, FormValidator } from '@/utils'; import dayjs from 'dayjs'; @@ -267,6 +294,16 @@ categoryCode: CategoryCode.CertificateType, }); +const settlementDateList = computed(() => { + if (form.settlementCycle === EnumSettlementCycle.Month) { + return EnumSettlementCycleDateMonthArray; + } + if (form.settlementCycle === EnumSettlementCycle.Week) { + return EnumSettlementCycleDateWeekArray; + } + return []; +}); + const state = reactive({ checkBenefitsAll: false, isBenefitsIndeterminate: false, @@ -277,9 +314,10 @@ const form = reactive({ name: '', - billingMethod: EnumBillingMethod.Month, + billingMethod: EnumBillingMethod.Day, serviceFee: null, - settlementCycle: EnumSettlementCycle.Month, + settlementCycle: EnumSettlementCycle.Day, + settlementDate: null as number, benefits: [] as string[], ageMinLimit: null, ageMaxLimit: null, @@ -306,6 +344,7 @@ form.billingMethod = data.billingMethod; form.serviceFee = data.serviceFee; form.settlementCycle = data.settlementCycle; + form.settlementDate = data.settlementDate; form.benefits = data.benefits?.map((x) => x.benefitCode) ?? []; form.ageMinLimit = data.ageMinLimit; form.ageMaxLimit = data.ageMaxLimit; @@ -329,6 +368,10 @@ enabled: isEdit, }); +function handleSettlementCycleChange() { + form.settlementDate = null as number; +} + function handleBack() { closeViewPush(route, { name: 'TaskManageList', @@ -347,12 +390,12 @@ } async function submit() { try { - console.log('form.weMapInfo: ', form.weMapInfo); let params: API.SaveTaskInfoCommand = { name: form.name, billingMethod: form.billingMethod, serviceFee: form.serviceFee, settlementCycle: form.settlementCycle, + settlementDate: form.settlementDate ? form.settlementDate : 0, benefits: form.benefits, ageMinLimit: form.ageMinLimit, ageMaxLimit: form.ageMaxLimit, @@ -423,5 +466,24 @@ width: auto; } } + + .settlement-cycle-date-form-item { + color: inherit; + + .el-form-item__content { + flex-wrap: nowrap; + + .el-select { + margin: 0 20px; + width: auto; + min-width: 0; + flex: 1; + } + + .pro-from-item-read-content-wrapper { + width: auto; + } + } + } } </style> -- Gitblit v1.9.1