|  |  |  | 
|---|
|  |  |  | draggable | 
|---|
|  |  |  | :width="700" | 
|---|
|  |  |  | > | 
|---|
|  |  |  | <ProForm :model="form" ref="dialogForm" label-width="120px" is-read> | 
|---|
|  |  |  | <ProFormItemV2 label="任务单号:" prop="code"> | 
|---|
|  |  |  | <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="settlementUserCount"> | 
|---|
|  |  |  | <ProFormItemV2 label="结算人数:" prop="settlementUserCount" mode="read"> | 
|---|
|  |  |  | <ProFormInputNumber v-model="form.settlementUserCount" unit="人"> </ProFormInputNumber> | 
|---|
|  |  |  | </ProFormItemV2> | 
|---|
|  |  |  | <ProFormItemV2 label="结算金额:" prop="actualSettlementAmount"> | 
|---|
|  |  |  | <ProFormItemV2 label="结算金额:" prop="settlementAmount" mode="read"> | 
|---|
|  |  |  | <ProFormInputNumber v-model="form.settlementAmount" unit="元" format-value="money"> | 
|---|
|  |  |  | </ProFormInputNumber> | 
|---|
|  |  |  | </ProFormItemV2> | 
|---|
|  |  |  | <ProFormItemV2 label="实发金额:" prop="actualSettlementAmount" mode="read"> | 
|---|
|  |  |  | <ProFormInputNumber v-model="form.actualSettlementAmount" unit="元" format-value="money"> | 
|---|
|  |  |  | </ProFormInputNumber> | 
|---|
|  |  |  | </ProFormItemV2> | 
|---|
|  |  |  | <ProFormItemV2 | 
|---|
|  |  |  | label="结算方式:" | 
|---|
|  |  |  | prop="settlementAccess" | 
|---|
|  |  |  | mode="read" | 
|---|
|  |  |  | :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', | 
|---|
|  |  |  | 
|---|
|  |  |  | name: string; | 
|---|
|  |  |  | code: string; | 
|---|
|  |  |  | settlementUserCount: number; | 
|---|
|  |  |  | settlementAmount: number; | 
|---|
|  |  |  | actualSettlementAmount: number; | 
|---|
|  |  |  | settlementAccess: EnumEnterpriseWalletAccess; | 
|---|
|  |  |  | }; | 
|---|
|  |  |  |  | 
|---|
|  |  |  | const { settlementAccessList } = useEnterpriseWalletAccessSelect(); | 
|---|
|  |  |  |  | 
|---|
|  |  |  | const visible = defineModel({ type: Boolean }); | 
|---|
|  |  |  |  | 
|---|
|  |  |  | const form = defineModel<Form>('form'); | 
|---|