| | |
| | | draggable |
| | | :width="700" |
| | | > |
| | | <ProForm :model="form" ref="dialogForm" label-width="120px" is-read> |
| | | <ProFormItemV2 label="任务单号:" prop="name"> |
| | | <ProFormSelect v-model="form.name" :valueEnum="[]"> </ProFormSelect> |
| | | <ProForm :model="form" ref="dialogForm" label-width="120px"> |
| | | <ProFormItemV2 label="任务单号:" prop="code" mode="read"> |
| | | <ProFormSelect v-model="form.code" :valueEnum="[]"> </ProFormSelect> |
| | | </ProFormItemV2> |
| | | <ProFormItemV2 label="任务名称:" prop="name"> |
| | | <ProFormItemV2 label="任务名称:" prop="name" mode="read"> |
| | | <ProFormText v-model.trim="form.name"></ProFormText> |
| | | </ProFormItemV2> |
| | | <ProFormItemV2 label="结算人数:" prop="count"> |
| | | <ProFormInputNumber v-model="form.count" unit="人"> </ProFormInputNumber> |
| | | <ProFormItemV2 label="结算人数:" prop="settlementUserCount" mode="read"> |
| | | <ProFormInputNumber v-model="form.settlementUserCount" unit="人"> </ProFormInputNumber> |
| | | </ProFormItemV2> |
| | | <ProFormItemV2 label="结算金额:" prop="count"> |
| | | <ProFormInputNumber v-model="form.count" unit="元"> </ProFormInputNumber> |
| | | <ProFormItemV2 label="结算金额:" prop="actualSettlementAmount" mode="read"> |
| | | <ProFormInputNumber v-model="form.actualSettlementAmount" unit="元" format-value="money"> |
| | | </ProFormInputNumber> |
| | | </ProFormItemV2> |
| | | <ProFormItemV2 |
| | | label="结算方式:" |
| | | prop="settlementAccess" |
| | | :check-rules="[{ message: '请选择结算方式' }]" |
| | | > |
| | | <ProFormSelect v-model="form.settlementAccess" :valueEnum="settlementAccessList"> |
| | | </ProFormSelect> |
| | | </ProFormItemV2> |
| | | </ProForm> |
| | | <template #footer> |
| | |
| | | ProFormSelect, |
| | | ProFormInputNumber, |
| | | } from '@bole-core/components'; |
| | | import { EnumEnterpriseWalletAccess, EnumEnterpriseWalletAccessTextForSettle } from '@/constants'; |
| | | |
| | | defineOptions({ |
| | | name: 'SettleDetailDialog', |
| | |
| | | title?: string; |
| | | id: string; |
| | | name: string; |
| | | count: number; |
| | | code: string; |
| | | settlementUserCount: number; |
| | | actualSettlementAmount: number; |
| | | settlementAccess: EnumEnterpriseWalletAccess; |
| | | }; |
| | | |
| | | const { enterpriseWalletAccessSelect } = useEnterpriseWalletAccessSelect(); |
| | | |
| | | const settlementAccessList = computed(() => { |
| | | return enterpriseWalletAccessSelect.value?.length > 0 |
| | | ? enterpriseWalletAccessSelect.value.map((x) => ({ |
| | | label: EnumEnterpriseWalletAccessTextForSettle[x.access], |
| | | value: x.access, |
| | | })) |
| | | : []; |
| | | }); |
| | | |
| | | const visible = defineModel({ type: Boolean }); |
| | | |
| | | const form = defineModel<Form>('form'); |