From d32cd83674f9b0db0154e6228807e658539f8cd0 Mon Sep 17 00:00:00 2001 From: wupengfei <834520024@qq.com> Date: 星期一, 22 九月 2025 13:10:14 +0800 Subject: [PATCH] fix: bug --- src/views/TaskManage/components/TaskDetailView.vue | 59 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++-- 1 files changed, 57 insertions(+), 2 deletions(-) diff --git a/src/views/TaskManage/components/TaskDetailView.vue b/src/views/TaskManage/components/TaskDetailView.vue index f2d9083..f939b41 100644 --- a/src/views/TaskManage/components/TaskDetailView.vue +++ b/src/views/TaskManage/components/TaskDetailView.vue @@ -43,6 +43,24 @@ </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> + <ProFormCol> <ProFormColItem :span="12"> <ProFormItemV2 label="绂忓埄:" prop="benefits"> <ProFormCheckbox @@ -57,17 +75,18 @@ <ProFormItemV2 label="骞撮緞鑼冨洿:" prop="ageRange" class="form-age-range"> <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> @@ -146,6 +165,7 @@ ProFormRadio, ProFormDatePicker, ProFormCheckbox, + ProFormSelect, } from '@bole-core/components'; import { useQuery } from '@tanstack/vue-query'; import * as taskServices from '@/services/api/task'; @@ -153,7 +173,11 @@ EnumUserGenderText, EnumBillingMethodText, EnumBillingMethodUnitText, + EnumSettlementCycle, EnumSettlementCycleText, + EnumSettlementCycleDateText, + EnumSettlementCycleDateMonthArray, + EnumSettlementCycleDateWeekArray, } from '@/constants'; import { ModelValueType } from 'element-plus'; import { format } from '@/utils'; @@ -172,11 +196,22 @@ categoryCode: CategoryCode.CertificateType, }); +const settlementDateList = computed(() => { + if (form.settlementCycle === EnumSettlementCycle.Month) { + return EnumSettlementCycleDateMonthArray; + } + if (form.settlementCycle === EnumSettlementCycle.Week) { + return EnumSettlementCycleDateWeekArray; + } + return []; +}); + const form = reactive({ name: '', billingMethod: '' as any as EnumBillingMethod, serviceFee: 0, settlementCycle: '' as any as EnumSettlementCycle, + settlementDate: null as number, benefits: [] as string[], ageMinLimit: 0, ageMaxLimit: 0, @@ -203,6 +238,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; @@ -246,5 +282,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