| | |
| | | </ProFormColItem> |
| | | </ProFormCol> |
| | | <ProFormCol> |
| | | <ProFormColItem :span="12" class="settlement-cycle-date-form-item"> |
| | | <ProFormItemV2 |
| | | 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 |
| | |
| | | v-model="form.ageMaxLimit" |
| | | placeholder="请输入" |
| | | ></ProFormInputNumber> |
| | | 岁 |
| | | </ProFormItemV2> |
| | | </ProFormColItem> |
| | | </ProFormCol> |
| | |
| | | ProFormRadio, |
| | | ProFormDatePicker, |
| | | ProFormCheckbox, |
| | | ProFormSelect, |
| | | } from '@bole-core/components'; |
| | | import { useQuery } from '@tanstack/vue-query'; |
| | | import * as taskServices from '@/services/api/task'; |
| | |
| | | EnumBillingMethodText, |
| | | EnumBillingMethodUnitText, |
| | | EnumSettlementCycleText, |
| | | EnumSettlementCycleDateText, |
| | | EnumSettlementCycleDateMonthArray, |
| | | EnumSettlementCycleDateWeekArray, |
| | | } from '@/constants'; |
| | | import { ModelValueType } from 'element-plus'; |
| | | import { format } from '@/utils'; |
| | |
| | | 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, |
| | |
| | | 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; |
| | |
| | | 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> |